首页 > 代码库 > js定时器setInterval() 和setTimeout()的区别

js定时器setInterval() 和setTimeout()的区别

 setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的function,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
     不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码;而setTimeout只执行一次那段代码,所以一般setTimeout()一般写在需要定时执行的方法中,递归使用,而setInterval()可以写在<script>的任何位置中,经过时间间隔总会执行。

    停止定时器为clearTimeout(function)、clearInterval(function);

    下面附上测试源码:

       <script type="text/javascript">

             function test() {

                alert(new Date());

                }

        setInterval("test()",1000*3);//1000为1秒钟,设置为3秒钟。

        </script>

=========================================

    <script type="text/javascript">

            $(document).ready(function(){

                    test();

            });

             function test() {

                alert(new Date());

                setTimeout("test()",1000*3);//1000为1秒钟,设置为3秒钟。

                }

    </script>



本文出自 “画江湖之不良人” 博客,谢绝转载!

js定时器setInterval() 和setTimeout()的区别