微信H5时间倒计时

最新推荐文章于 2021-03-06 21:04:41 发布

zhl_cafe_noir

最新推荐文章于 2021-03-06 21:04:41 发布

阅读量4.2k

点赞数 1

分类专栏：前端文章标签：微信 H5 倒计时

本文链接：https://blog.csdn.net/zhl_cafe/article/details/53671676

版权

前端专栏收录该内容

31 篇文章 2 订阅

订阅专栏

微信里，并不是所有的初始化时间格式都认的，对于在浏览器中的时间倒计时，talk is cheap show me the code!

源码（直接复制即可）：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>微信H5倒计时</title>
</head>
<body>
    <p><span>距离活动结束还有</span>
        <span id="t_d">00</span>天
        <span id="t_h">00</span>时
        <span id="t_m">00</span>分
        <span id="t_s">00</span>秒
    </p>
<script>
    function getDJS(){
        var EndTime= new Date(2016,11,31,23,59,59);//初始化结束日期2016年12月31日23点59分59秒
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        if(t>0){
            var d=Math.floor(t/1000/60/60/24);
            var h=Math.floor(t/1000/60/60%24);
            var m=Math.floor(t/1000/60%60);
            var s=Math.floor(t/1000%60);
            document.getElementById("t_d").innerHTML = d;
            document.getElementById("t_h").innerHTML = h;
            document.getElementById("t_m").innerHTML = m;
            document.getElementById("t_s").innerHTML = s;
        }
    }
    setTimeout(getDJS,0);
    setInterval(getDJS,1000);
</script>
</body>
</html>

zhl_cafe_noir

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
微信H5时间倒计时

微信里，并不是所有的初始化时间格式都认的，对于在浏览器中的时间倒计时，talk is cheap show me the code!源码（直接复制即可）：微信H5倒计时距离活动结束还有 00天 00时 00分 00秒 function getDJS(){
复制链接

扫一扫