javascript浏览器对象之计时器

最新推荐文章于 2020-03-29 21:56:13 发布

背着吉他的蝙蝠女侠

最新推荐文章于 2020-03-29 21:56:13 发布

阅读量267

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/echokkk/article/details/78759904

版权

javascript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

记时方法：

方法一：seInterval()间隔指定的毫秒数不停地执行指定代码

clearInterval()方法用于停止setInterval()方法执行的函数代码

demo代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button>按钮</button>
	<p></p>
	<script type="text/javascript">
		var btn = document.getElementsByTagName("button")[0];
		var myt = setInterval(function(){
			getTime();
		},1000);
		function getTime(){
			var d = new Date();
			var t = d.toLocaleTimeString();
			var p = document.getElementsByTagName("p")[0];
			p.innerHTML = t;
		};
		btn.onclick = function stop(){
			clearInterval(myt);
		}
	</script>
</body>
</html>

方法二：setTimeout()暂停指定的毫秒数后执行指定的代码

clearTimeout()方法用于停止执行setTimeout()方法的函数代码

demo代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button>按钮</button>
	<p></p>
	<script type="text/javascript">
		var btn = document.getElementsByTagName("button")[0];
		var p = document.getElementsByTagName("p")[0];
		var myt = setTimeout(function(){
			alert("弹出来");
		},2000);
		btn.onclick = function(){
			clearTimeout(myt);
		};

	</script>
</body>
</html>

背着吉他的蝙蝠女侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript浏览器对象之计时器

记时方法：方法一：seInterval()间隔指定的毫秒数不停地执行指定代码clearInterval()方法用于停止setInterval()方法执行的函数代码方法二：setTimeout()暂停指定的毫秒数后执行指定的代码clearTimeout()方法用于停止执行setTimeout()方法的函数代码
复制链接

扫一扫