欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

window.setTimeout() 和window.setInterval() 使用说明

发布时间:2025/6/15 46 豆豆
生活随笔 收集整理的这篇文章主要介绍了 window.setTimeout() 和window.setInterval() 使用说明 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
setTimeout()的使用:
先看个例子
Js代码  
  • <SCRIPT LANGUAGE="JavaScript">  
  • function test() {  
  •     //100毫秒后执行sleep方法, 但这100毫秒程序不会等待,会继续执行setTimeout后面的代码  
  •     //效果就是 先alert(2); 后 alert(1);  
  •     window.setTimeout("sleep()", 100);  
  •     alert(2);     
  • }  
  • function sleep(){  
  •     alert(1);  
  • }  
  • test();  
  • </SCRIPT>  

  • 关于setTimeout方法的第一个参数,可以为 字符串,也可以为方法的指针
    如果为字符串的时候必须写括号,指针时不用写括号,
    如:
    Js代码  
  • window.setTimeout("sleep()", 100);  
  • window.setTimeout(sleep, 100);  

  • 两者效果一样。

    另: 可以指定参数,如
    Js代码  
  • window.setTimeout("sleep('" + document.all.aa.value + "')", 100);  
  • window.setTimeout(sleep(document.all.aa.value), 100);  

  • 然后再sleep方法里可以取到参数的值。

    再看看window.setInterval()
    Js代码  
  • <SCRIPT LANGUAGE="JavaScript">  
  • var timer;//声明一个定时器  
  • var count = 0;  
  • function test()  
  • {  
  •     //每隔500毫秒执行一次add()方法  
  •     timer = window.setInterval("add()",500);  
  • }  
  • function add(){  
  •     alert(++ count);  
  •     if (count == 5)  
  •     {  
  •         //如果count值达到5,清空定时器  
  •         window.clearInterval(timer);  
  •     }  
  • }  
  • test();  
  • </SCRIPT>  


  • window.setTimeout()是经过指定的某个时间段后执行一次指定的方法
    window.setInterval()是循环的执行指定的方法,循环的间隔是指定的时间段,
    然后通过window.clearInterval()方法清除循环执行。

    总结

    以上是生活随笔为你收集整理的window.setTimeout() 和window.setInterval() 使用说明的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。