关于setInterval定时器的使用示例

HTML计时隐藏示例

最新推荐文章于 2025-03-18 09:55:13 发布

最新推荐文章于 2025-03-18 09:55:13 发布 · 194 阅读

文章标签：

#Java #HTML

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文展示了一个使用HTML和JavaScript实现的简单网页示例。页面包含一个定时器功能，在特定秒数后会自动隐藏指定的图片元素并清空该元素的内容。此外，还展示了如何通过表格形式展示选项，并允许用户输入文本。



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<body>
		<div id="dd">
			<img src="ai2.gif" alt="" width="700" height="300" />
		</div>
		<table>
			<tr align="left" valign="middle">
				<td height="25">
					<input type="radio" id="brandname" name="r" value="100" />
					<input type="text" name="r" value="50"
						style="border:0 solid #000000">
				</td>
				<td height="25">
					20
				</td>
			</tr>
			<tr align="left" valign="middle">
				<td height="25">
					<input type="radio" id="brandname" name="r" value="200" />
					<input type="text" name="r" value="250"
						style="border:0 solid #000000">
				</td>
				<td height="25">
					220
				</td>
			</tr>
			<tr align="left" valign="middle">
				<td height="25">
					<input type="radio" id="brandname" name="r" value="300" />
					<input type="text" name="r" value="350"
						style="border:0 solid #000000">
				</td>
				<td height="25">
					230
				</td>
			</tr>
		</table>

		<script type="text/javascript">
		var t;
		var ss=0;


		function  setTimeOutss(){

			ss+=1;
			if(ss>(17)){
				document.getElementById("dd").display="none";
				document.getElementById("dd").innerHTML="";
				clearInterval(t);
			}
		}
		t=window.setInterval("setTimeOutss()",1000);

</script>
	</body>
</html>