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

本文介绍了JavaScript如何实现定时调度和延时调用。在定时调度部分,展示了如何创建一个计数器,从0到9进行定时输出。在延时调用部分,演示了如何设置延迟,确保3秒后在控制台打印出'1'。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、定时调度:

效果:定时器从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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值