js简单倒计时

最新推荐文章于 2019-10-20 20:23:51 发布

make sense

最新推荐文章于 2019-10-20 20:23:51 发布

阅读量122

点赞数

分类专栏： js小实例

本文链接：https://blog.csdn.net/baidu_41861751/article/details/83616282

版权

js小实例专栏收录该内容

7 篇文章 0 订阅

订阅专栏

涉及的知识点

setTime()

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

1.提示： 1000 毫秒= 1 秒。

2.提示： 使用 clearTimeout() 方法来阻止函数的执行。

效果图

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>点击按钮实现60秒到计时</title>
	</head>
	<body>
	   <button onclick="time();">开始</button>
	   <button onclick="stop();">停止</button>
	   <input  value="60" id="txt"/>
		<script>
			var txt = document.getElementById("txt").value;
			var out;
			function time(){
			   if(txt<=60&&txt>0){
				   	txt--;
				    document.getElementById("txt").value = txt;
				     out= setTimeout(time,1000);	
			   }else{
			   	    document.getElementById("txt").value = 0;
			   }
			}
			function stop(){
				clearTimeout(out);
			}	
		</script>
	</body>
</html>