jquery倒计时

最新推荐文章于 2023-11-29 15:57:06 发布

fongwer

最新推荐文章于 2023-11-29 15:57:06 发布

阅读量558

点赞数 1

文章标签：倒计时

本文链接：https://blog.csdn.net/fw1025059398/article/details/82784070

版权

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery.min.js"></script>
</head>

<body>
    <span class="credt_time" title="2018/10/05 10:06:00"></span>
    <script>
    	

    function show_time() {
        $(".credt_time").each(function() {
            var endtime = $(this).prop("title");
            var time_start = new Date().getTime(); //设定当前时间
            var time_end = new Date(endtime).getTime(); //设定目标时间
            var time_distance = time_end - time_start;
            var timer;
            if (time_distance >= 0) {
                var int_day = Math.floor(time_distance / 86400000)
                time_distance -= int_day * 86400000;
                var int_hour = Math.floor(time_distance / 3600000)
                time_distance -= int_hour * 3600000;
                var int_minute = Math.floor(time_distance / 60000)
                time_distance -= int_minute * 60000;
                var int_second = Math.floor(time_distance / 1000)
                if (int_day < 10) {
                    int_day = "0" + int_day;
                }
                if (int_hour < 10) {
                    int_hour = "0" + int_hour;
                }
                if (int_minute < 10) {
                    int_minute = "0" + int_minute;
                }
                if (int_second < 10) {
                    int_second = "0" + int_second;
                }
                $(this).html(int_day + "天" + int_hour + "时" + int_minute + "分" + int_second + "秒");
            }else{
                clearInterval(timer);
                $(this).html('00天00时00分00秒');
            }



        })
        timer = setTimeout(function(){
            show_time()
        }, 1000);
    }

    show_time();
    </script>
</body>

</html>

fongwer

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
jquery倒计时

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script type="text/javascript" src
复制链接

扫一扫