计时器

// 定时器:
    // 计时器
        // 开启:setInterval()
        // 参数1:回调函数
        // 参数2:毫秒数
        // 功能:每个指定的毫秒数执行一次回调函数
         demo:
         var t = setInterval(function(){
             console.log("hello")
         }, 1000);

        // 清除:clearInterval()
        // 事件(条件触发)
         document.onclick = function(){
             clearInterval(t);
         }

    // 延时器
        // 开启:setTimeout()
        // 参数1:回调函数
        // 参数2:毫秒数
        // 功能:延迟指定的毫秒数之后,只执行一次回调函数
        // demo:
         var t = setTimeout(function(){
             console.log("hello")
         }, 5000);

        // 清除:clearTimeout()
        // 事件(条件触发)
         document.onclick = function(){
             clearTimeout(t);
         }

 

DEMO:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="time"></div>
</body>
<script src="../public.js"></script>
<script>

        var ot = document.getElementById("time")

        var d = createDate();
        ot.innerHTML = d.year+"年"+ d.month +"月"+ d.date +"日 "+ d.day +" "+ d.hours +":"+ d.minutes +":" + d.seconds;
        
        setInterval(function(){
            var d = createDate();
            ot.innerHTML = d.year+"年"+ d.month +"月"+ d.date +"日 "+ d.day +" "+ d.hours +":"+ d.minutes +":" + d.seconds;
        }, 1000);



</script>
</html>

 



上一篇:计时器


下一篇:javascript – Ajax轮询聊天在快速聊天时在消息接收器前端获得重复