JavaScript循环定时器和计数器

最新推荐文章于 2023-07-19 16:10:53 发布

小杨与bug的斗争

最新推荐文章于 2023-07-19 16:10:53 发布

阅读量609

点赞数 1

分类专栏：前端学习

本文链接：https://blog.csdn.net/BeLoved_Code/article/details/103738602

版权

前端学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

文章目录

基本概述

JavaScript计时事件：一个设定的时间间隔之后来执行代码
setInterval()间隔指定的毫秒数不停地执行指定的代码
setInterval方法在创建一个定时器的同时，还会返回一个的定时器的ID，该ID就代表这个定时器
clearInterval()中止定时器执行的操作需要传进去一个定时器

每隔1秒count自加并弹出值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript">
			var count=0;//计数的元素
			var id=setInterval("run()",1000);
			function run(){
				count++;
				alert(count);
				if(count==3){
					//停止计数
					clearInterval(id);
				}
			}
		</script>
	</body>
</html>

定时器加计数器的应用

点击开始计数
每隔1秒count自加并显示到页面上
点击结束计数
停止自加计数
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var count=0;//计数的元素
			function run(){
				count++;
				document.getElementById("num").innerHTML=count;
			}
			var id;
			function start(){
				id=setInterval("run()",1000);
			}
			function stop(){
				clearInterval(id);
				console.log(count);
			}
		</script>
		<span id="num"></span>
		<input type="button" value="开始计数" onclick="start()"/>
		<input type="button" value="停止计数" onclick="stop()"/>
	</body>
</html>

小杨与bug的斗争

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript循环定时器和计数器

文章目录基本概述每隔1秒count自加并弹出值定时器加计数器的应用基本概述JavaScript计时事件：一个设定的时间间隔之后来执行代码setInterval()间隔指定的毫秒数不停地执行指定的代码setInterval方法在创建一个定时器的同时，还会返回一个的定时器的ID，该ID就代表这个定时器clearInterval()中止定时器执行的操作需要传进去一个定时器每隔1秒count...
复制链接

扫一扫