javaScript+html——定时调度、延时调用

一、定时调度:

效果:定时器从0~9:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时调度</title>
    <script type="text/javascript">
        window.onload = function () {
            var count = document.getElementById("count");
            var num = 1;
            var timer = setInterval(function () {
                count.innerHTML = num++;
                if(num == 10){
                    clearInterval(timer);
                }

            },1000);
        }
    </script>
</head>
<body>
    <h1 id="count">0</h1>
</body>
</html>

二、延时调用:

效果:3s之后控制台才调用输出1:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延时调用</title>
    <script type="text/javascript">
        var num = 1;
        var timer = setTimeout(function () {
            console.log(num++);
        },3000);/*3s之后控制台出现1*/
        // clearTimeout(timer);/*加上这一句则刚出现清除,即不出现*/
    </script>
</head>
<body>

</body>
</html>

阅读更多
上一篇javaScript+html——js原型、原型链、原型链属性、显式原型和隐式原型
下一篇javaScript——对象字面量模式、工厂模式
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭