JavaScript之对象的计时器方法

最新推荐文章于 2023-01-22 23:32:47 发布

JZJZY

最新推荐文章于 2023-01-22 23:32:47 发布

阅读量321

点赞数

文章标签： JavaScript 前端 window对象的计时器方法

本文链接：https://blog.csdn.net/weixin_43772533/article/details/106986632

版权

window对象的计时器方法：
setTineout：一次性计时器
setInterval：周期性计时器
clearTimeout：停止一次性周期性计时器
clearInterval：既可以停止一次性计时器也可以停止周期性计时器

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        var time;

        function start() {
            time = setInterval(show, 1000);
        }

        var i = 0;

        function show() {
            console.log("时间过了" + i + "s");
            i++;
        }

        function stop() {
            clearInterval(time);
        }
    </script>
</head>

<body>
    <input type="button" value="start" onclick="start()">
    <input type="button" value="stop" onclick="stop()">
</body>

</html>!

在这里插入图片描述

JZJZY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之对象的计时器方法

window对象的计时器方法：setTineout：一次性计时器setInterval：周期性计时器clearTimeout：停止一次性周期性计时器clearInterval：既可以停止一次性计时器也可以停止周期性计时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <s
复制链接

扫一扫