window计时器函数

最新推荐文章于 2022-10-22 16:49:50 发布

anhumi4350

最新推荐文章于 2022-10-22 16:49:50 发布

阅读量317

点赞数

原文链接：http://www.cnblogs.com/hy96/p/11393055.html

版权

// 定时器：
    // 计时器
        // 开启：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>

转载于:https://www.cnblogs.com/hy96/p/11393055.html

anhumi4350

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window计时器函数

// 定时器： // 计时器 // 开启：setInterval() // 参数1：回调函数 // 参数2：毫秒数 // 功能：每个指定的毫秒数执行一次回调函数 demo: var t = setInterval(function(){ ...
复制链接

扫一扫