tofacebook.com -专业IT技术社区 关于计时器的js函数 Web程序 - tofacebook.com-专业IT技术社区
138°

关于计时器的js函数 Web程序

标签:s函数   javascrip   elements   doctype   name   body   script   时间   lang   

<!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函数

标签:s函数   javascrip   elements   doctype   name   body   script   时间   lang   

原文地址:https://www.cnblogs.com/xiaobaizitaibai/p/8688592.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: