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

Posted 2020-08-21

 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>

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