dom啦9 定时器大详解

贵哥的编程之路

发布于 2020-10-28 14:48:15

3390

发布于 2020-10-28 14:48:15

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<button id="start">开始</button>
<button id="close">结束</button>
<script type="text/javascript">
	//js定时器分为重复执行与一次执行。
	/*let startBtn = document.querySelector("#start");
	let id=null;
	startBtn.οnclick=function()
	{
			id=setInterval(function()
			{
				   console.log("随便写点");
			},1000);
	}
	let closeBtn=document.querySelector("#close");
	closeBtn.οnclick=function()
	{
		clearInterval(id);
	}
*/
//以上重复。以下一次
	let startBtn = document.querySelector("#start");
    let closeBtn = document.querySelector("#close");
    let id = null;
    startBtn.onclick=function()
    {
    	id=window.setTimeout(function()
    		{
    			console.log("随便写点");
    		},2000);
    }
   closeBtn.onclick=function()
   {
   	clearTimeout(id);
   }
</script>
</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/09/05 ，如有侵权请联系 cloudcommunity@tencent.com 删除

dom