Javascript 实现的计时器

最新推荐文章于 2025-06-19 19:53:14 发布

原创最新推荐文章于 2025-06-19 19:53:14 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Javascript #计时器

PhoneGap 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的简单计时器应用，该计时器具备开始、暂停、继续和停止等功能。通过定时器机制更新显示的时间，适用于网页应用中需要计时的场景。

Javascript 实现的计时器

分享一个Javascript 实现的计时器，具有开始、暂停、继续、停止功能

<!DOCTYPE html>
<html>
<head>

</head>

<body>
    <div id="timer"></div>

</body>

</html>


<script>
    var tSeconds = 0;

    var Timer = {
        start: function () {
            var self = this;
            this.interval = setInterval(function () {
                tSeconds += 1;
                $('timer').html(Math.floor(tSeconds / 3600) + ":" + Math.floor(tSeconds / 60 % 60) + ":" + parseInt(tSeconds % 60));  
            }, 1000);
        },
        pause: function () {
            clearInterval(this.interval);
            delete this.interval;
        },
        resume: function () {
            if (!this.interval) 
                this.start();
        },
        stop: function () {
            clearInterval(this.interval);
            $('#total-time-show').html("-");
            tSeconds = 0;
        }
    };

    Timer.start();
</script>