javaScript中两种定时器

最新推荐文章于 2024-04-03 03:07:14 发布

krismile__qh

最新推荐文章于 2024-04-03 03:07:14 发布

阅读量572

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/krismile__qh/article/details/89459464

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.var num = SetInterval("方法名()“，毫秒值);//每隔一定的毫秒值就执行函数

clearInterval(num);//什么时候想停止，将setInterval()的返回值num传给clearInterval(num)即可

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="set()">获取验证码</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");

			function set() {
				num = setInterval("click()", 1000);
				button.disabled = true;
			}

			function click() {
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearInterval(num);
				} else {
					span.innerHTML = time + "秒后重新获得返回值"
					time--;
				}
			}
		</script>
	</body>
</html>

运行结果是：

2.var num = setTimeout("方法名()"，毫秒值);//等待一定毫秒值之后执行函数

clearTimeout(num);//什么时候想停止，将setTimeout()的返回值num传给clearTimeout(num)即可

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="click1()">获取验证码</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");

			function click1() {
				//click是关键字,所有函数名改为click1
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearTimeout(num);
				} else {
					button.disabled=true;
					span.innerHTML = time + "秒后重新获得返回值";
					time--;
					num = setTimeout("click1()",1000);
				}
			}
		</script>
	</body>
</html>

运行结果同上！

krismile__qh

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javaScript中两种定时器

1.var num = SetInterval("方法名()“，毫秒值);//每隔一定的毫秒值就执行函数 clearInterval(num);//什么时候想停止，将setInterval()的返回值num传给clearInterval(num)即可<html> <head> <meta charset="utf-8" /> </he...
复制链接

扫一扫