关于计时器的js函数

Posted 小白字太白

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于计时器的js函数相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<h2></h2>
	<button>clearTimeout</button>
	<button>clearInterval</button>
	<script type="text/javascript">
		var h2 = document.getElementsByTagName(‘h2‘)[0];
		//获取时间，每隔1s，更新
		
		var t1 = setInterval(function(){
			var d1 = new Date();
			var y = d1.getFullYear();
			var m = d1.getMonth() + 1;
			var d = d1.getDate();
			var h = d1.getHours();
			var i = d1.getMinutes();
			var s = d1.getSeconds();
			//构造表示时间的字符串
			var str = y + "年" + m +"月" + d + "日" + h + "时" + i + "分" + s + "秒";
			h2.innerHTML = str;
			//写入到h2标签中
		},1000);

	</script>

	<script type="text/javascript">
		
		function f1(){
			console.log(‘setTimeout‘);
		}
		var t1 = window.setTimeout(f1,1000);
		console.log( t1 );

		var btns = document.getElementsByTagName(‘button‘);

		btns[0].onclick = function(){
			clearTimeout(t1);
		}

		var t2 = setInterval(function(){
			console.log( ‘setInterval‘ );
		},1500);
		
		btns[1].onclick = function(){
			clearInterval(t2);
		}
	</script>
</body>
</html>

　　

以上是关于关于计时器的js函数的主要内容，如果未能解决你的问题，请参考以下文章

几个关于js数组方法reduce的经典片段

python使用上下文对代码片段进行计时，非装饰器

帮忙小小的修改一下JS代码，关于倒计时的。

关于js----------------分享前端开发常用代码片段

关于定时器的那些事！

js--定时器