JavaScript打点计时器

最新推荐文章于 2022-02-20 14:00:04 发布

风筱默染

最新推荐文章于 2022-02-20 14:00:04 发布

阅读量703

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_51700376/article/details/121247313

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打点计时器</title>
</head>
<body>
<script type="text/javascript">
//每隔 100 毫秒 打印 一个数字，每次数字增幅 1.

// setTimeout()方法
function count(start, end) {
    if(start <= end){
        console.log(start++);
        st = setTimeout(function(){count(start, end)}, 1000);
    }
    return {
        cancel: function(){clearTimeout(st);}
    }
}
count(1, 10);

// setInterval()方法
function count(start, end) {
		console.log(start++);
		var timer = setInterval(function () {
				if (start <= end) {
						console.log(start++)
				} 
		}, 1000);
		return {
				cancel: function () {
						clearInterval(timer)
				}
		}
}
count(1, 10);
</script>
</body>
</html>

效果如图：
在这里插入图片描述

风筱默染

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript打点计时器

<!DOCTYPE html><html><head><meta charset="utf-8"><title>打点计时器</title></head><body><script type="text/javascript">//每隔 100 毫秒打印一个数字，每次数字增幅 1.// setTimeout()方法function count(start, end) {
复制链接

扫一扫