您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JS实现定时器

2024/3/30 3:20:55发布17次查看
本文主要和大家分享js实现定时器,主要以代码的形式和大家分享,希望能帮助到大家。
问题描述:定时执行一个事件
主要是解决重新开始的问题
html
<body> <button id="btn1">start</button> <button id="btn2">stop</button> </body>
script
<script> window.addeventlistener('load', my_timer, false); function my_timer() { let start = document.getelementbyid("btn1"); let stop = document.getelementbyid("btn2"); //计时函数 let timer = null; let eleclock = function () { timer = setinterval( function () { console.log(new date()) }, 1000 ); }; //点击start按钮,开始定时器 start.onclick = function () { //do something eleclock(); }; //点击stop按钮,停止定时器 stop.addeventlistener('click', function () { //do something window.clearinterval(timer); }, false); } </script>
相关推荐:
js实现动画定时器方法
javascript的定时器详解
深入javascript之定时器
以上就是js实现定时器的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product