JavaScript中定时器案例：倒计时，打印机（打印字的）

最新推荐文章于 2024-04-28 18:06:02 发布

女盆友——ZY

最新推荐文章于 2024-04-28 18:06:02 发布

阅读量809

点赞数 1

本文链接：https://blog.csdn.net/qq_44858151/article/details/97833754

版权

一，倒计时setTimeout

                <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		/*分析：
		 * 创建html节点
		 * 写入行间事件的点击事件
		 * 定义一个变量并从多少数字开始，在行间事件依次递减
		 * 获取页面中的元素，并赋innerhtml的值
		 * 写setTiemout爆炸定时器
		 * 并给上面定义的变量判断范围，不然会一直减减
		 * 再给判断的里加清除炸弹定时器，表示到这个位置清除定时器
		 * 给按钮里的内容从新赋值
		 * 并给前面接收数字的变量从新赋起始的值，不然会从0开始减，不会显示
//		 * */
//          random随即数
		    var num=10;
			function btn(){
				num--;
				var div_id=document.getElementById('div_id')
				div_id.innerHTML=num+'S秒后获取';
				var time=setTimeout(btn,1000);
				if(num<0){
					clearTimeout(time)//用定时器的名字清除定时器
					div_id.innerHTML='从新获取验证码'
					num=10;
				}
			}
		</script>
	</head>
	<body>
		<button id="div_id" onclick

最低0.47元/天解锁文章

女盆友——ZY

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中定时器案例：倒计时，打印机（打印字的）

一，倒计时setTimeout <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /*分析： * 创建ht...
复制链接

扫一扫