美文网首页
HTML中setTimeout()和setInterval()

HTML中setTimeout()和setInterval()

作者: 游园拾忆 | 来源:发表于2018-11-20 16:40 被阅读23次

    setTimeout()

    setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

    语法: setTimeout(code,millisec)
    code:要调用的函数后要执行的 JavaScript 代码串。
    millisec:在执行代码前需等待的毫秒数。

    setTimeout()只执行code 一次。如果要多次调用,请使用setInterval()或者让code自身再次调用setTimeout()

    示例:

    <script type="text/javascript">
    //按钮点击后 禁用5S
    function clock(){
        var btn = $('#addbtn');
        btn.attr('disabled', 'disabled');
        var txt = btn.text();
        var count = 5;
        var func = function() {
            if (count == 0) {
              btn.removeAttr('disabled');
              btn.text(txt);
            } else {
              btn.text(txt + ' (' + count + ')');
              count--;
              setTimeout(func, 1000);
            }
         };
    setTimeout(func, 1000);
    }
    </script>
    

    setInterval()

    1. setInterval()方法会不停地调用函数(周期,以毫秒计),直到clearInterval()被调用或窗口被关闭。
    2. setInterval()返回的 ID 值可用作clearInterval()方法的参数。

    语法:setInterval(code,millisec)
    code:要调用的函数或要执行的代码串。
    millisec:周期性执行或调用code之间的时间间隔,以毫秒计。

    示例:

    <html>
    <body>
    <input type="text" id="clock" size="35" />
    <script language=javascript>
    var int=self.setInterval("clock()",50)
    function clock()
      {
        //funcion
      }
    </script>
    </form>
    <button onclick="int=window.clearInterval(int)">Stop</button>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:HTML中setTimeout()和setInterval()

          本文链接:https://www.haomeiwen.com/subject/rweflxtx.html