美文网首页
定时器知识点

定时器知识点

作者: 一雨成慕 | 来源:发表于2019-01-15 08:43 被阅读0次
    一,定时器在javascript中的作用

    1、制作动画
    2、异步操作
    3、函数缓冲与节流

    二,定时器类型及语法
    定时器:
    setTimeout  只执行一次的定时器 
    clearTimeout 关闭只执行一次的定时器
    setInterval  反复执行的定时器
    clearInterval 关闭反复执行的定时器
    

    三,#定时器制作倒计时
    <script type="text/javascript">
    window.onload = function(){
    var oDiv = document.getElementById('div1');
    function timeleft(){
    var now = new Date();
    var future = new Date(2016,8,12,24,0,0);
    var lefts = parseInt((future-now)/1000);
    var day = parseInt(lefts/86400);
    var hour = parseInt(lefts%86400/3600);
    var min = parseInt(lefts%86400%3600/60);
    var sec = lefts%60;
    str = '距离2016年9月12日晚24点还剩下'+day+'天'+hour+'时'+min+'分'+sec+'秒';
    oDiv.innerHTML = str;
    }
    timeleft();
    setInterval(timeleft,1000);
    }

    </script>
    ......
    <div id="div1"></div>

    相关文章

      网友评论

          本文标题:定时器知识点

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