javascript浏览器对象之计时器

来源：互联网发布：淘宝售后人工客服电话编辑：程序博客网时间：2024/06/07 18:13

记时方法：

方法一：seInterval()间隔指定的毫秒数不停地执行指定代码

clearInterval()方法用于停止setInterval()方法执行的函数代码

demo代码如下：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><button>按钮</button><p></p><script type="text/javascript">var btn = document.getElementsByTagName("button")[0];var myt = setInterval(function(){getTime();},1000);function getTime(){var d = new Date();var t = d.toLocaleTimeString();var p = document.getElementsByTagName("p")[0];p.innerHTML = t;};btn.onclick = function stop(){clearInterval(myt);}</script></body></html>

方法二：setTimeout()暂停指定的毫秒数后执行指定的代码

clearTimeout()方法用于停止执行setTimeout()方法的函数代码

demo代码如下：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><button>按钮</button><p></p><script type="text/javascript">var btn = document.getElementsByTagName("button")[0];var p = document.getElementsByTagName("p")[0];var myt = setTimeout(function(){alert("弹出来");},2000);btn.onclick = function(){clearTimeout(myt);};</script></body></html>

阅读全文

0 0