关于计时器的js函数

时间：2022-03-02 19:39:07
<!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>

　　

相关文章