zoukankan      html  css  js  c++  java
  • setTimeout 与 setInterval

     setTimeout (cold,1000)表示1000秒后执行一次cold函数;

    setInterval (cold,1000)表示每过1000秒执行一次函数;

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>计时器</title>
        <script type="text/javascript">
    var num=0;
    var i
    function startCount() {
    document.getElementById('count').value=num;
    num=num+1;
    i= setTimeout(startCount,1000) //本身setTimeout()一秒后只执行一次 但是把他写到了startCount()函数里面
    // 这样在调用startCount()的同时也调用了setTimeout() 然后 setTimeout()1秒后又再次执行 startCount()
    // 两者相互调用达到了无限循环的作用
    } //因为 setTimeout(startCount,1000)是写在函数里面的所以要先点击按钮触发这个startCount函数
    // setTimeout(startCount,1000); //这时不用调用但是只触发了一次
    // setInterval(startCount,1000) //这时不用点击也可以调用

    function stopCount(){
    clearTimeout(i) //清除计时器
    }
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="count" />
    <input type="button" value="Start" onClick="startCount()" />
    <input type="button" value="Stop" onclick="stopCount()"/>
    </form>

    </body>
    </html>
  • 相关阅读:
    JavaScript 数组去重
    Javascript数组 reduce() 方法
    Vue事件总线(EventBus)
    前端多媒体-音频
    前端多媒体-视频
    VUE3.0 总结
    el-select地区区号选择
    vue中点击获取相应元素
    Markdown 语法
    Codeforces Round #295 (Div. 2) B. Two Buttons 520B
  • 原文地址:https://www.cnblogs.com/yaomengli/p/6891703.html
Copyright © 2011-2022 走看看