首页 / JAVASCRIPT / js怎么实现倒计时的功能？（精准到毫秒）

js怎么实现倒计时的功能？（精准到毫秒）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js怎么实现倒计时的功能？（精准到毫秒），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1419字，纯文字阅读大概需要3分钟。

内容图文

本篇文章主要介绍了js实现倒计时的效果,并且精准到毫秒，需要的朋友可以参考下，希望对大家有所帮助。

js实现倒计时具体代码示例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="" />
    <title>js精确到毫秒的倒计时代码 </title>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var times = 60 * 100; // 60秒
            countTime = setInterval(function() {
                times = --times < 0 ? 0 : times;
                var ms = Math.floor(times / 100).toString();

                if(ms.length <= 1) {
                    ms = "0" + ms;
                }
                var hm = Math.floor(times % 100).toString();
                if(hm.length <= 1) {
                    hm = "0" + hm;
                }
                if(times == 0) {
                    alert("游戏结束");
                    clearInterval(countTime);
                }
                // 获取分钟、毫秒数
                $(".a").html(ms);
                $(".b").html(hm);
            }, 10);
        });
    </script>
    <style>
        .warp{
            width: 100%;
            height: 100px;
            line-height: 100px;
            text-align: center;
            font-size: 40px;
            font-family: "微软雅黑";
        }
        .warp strong{
            width: 100px;
            display: inline-block;
            text-align: center;
            font-family: georgia;
            color: #C9302C;
        }
    </style>
</head>
<body>
<div class="warp">
    <strong class="a">111</strong>秒 <strong class="b"></strong>毫秒</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

js怎么实现倒计时的功能？（精准到毫秒） - 文章图片

【相关文章推荐】

JS实现倒计时(天数、时、分、秒)

2种简单的js倒计时实现方法

js 高效率服务器时间同步倒计时

限时抢购倒计时功能实现方法

以上就是js怎么实现倒计时的功能？（精准到毫秒）的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js怎么实现倒计时的功能？（精准到毫秒）全部内容，希望文章能够帮你解决js怎么实现倒计时的功能？（精准到毫秒）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/285440.html

来源：【匿名】