倒计时 插件

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<body>
<div class="time">
<span id="t_d">14144天</span>
<span id="t_h">12时</span>
<span id="t_m">32分</span>
<span id="t_s">23秒</span>
</div>
<script>
function GetRTime(){
var EndTime= new Date('2055/11/29 00:00:00');
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=0;
var h=0;
var m=0;
var s=0;
if(t>=0){
d=Math.floor(t/1000/60/60/24);
h=Math.floor(t/1000/60/60%24);
m=Math.floor(t/1000/60%60);
s=Math.floor(t/1000%60);
}
document.getElementById("t_d").innerHTML = (d<10?"0"+d:d) + "天";
document.getElementById("t_h").innerHTML = (h<10?"0"+h:h) + "时";
document.getElementById("t_m").innerHTML = (m<10?"0"+m:m) + "分";
document.getElementById("t_s").innerHTML = (s<10?"0"+s:s) + "秒";
}
setInterval(GetRTime,0);
</script>
</body>
</html>

第二种方法:

<script type="text/javascript">
    //    page2时间
    function GetRTime(){
        // 1. 把系统时间转化为时间戳
        var timestampNow = Date.parse(new Date()) / 1000;
        // 2. 获得 2015-05-01 00:00:00
        var timestampStart = Date.parse(new Date('2015-05-01 00:00:00')) / 1000;
        // shengyuD = 725.4683
        var shengyuD = (timestampNow - timestampStart) / 60 / 60 / 24;
        // d = 725
        var d = Math.floor(shengyuD);
        // 可能等于 shengyuH = 0.4683 * 24
        var shengyuH = (shengyuD - d) * 24;
        var h = Math.floor(shengyuH);

        var shengyuM = (shengyuH - h) * 60;
        var m = Math.floor(shengyuM);


        // var h = Math.floor(((timestampNow - timestampStart) - (d * 60 * 60 * 24)) / 60 / 60);
        h=h<10?"0"+h:h;
        m=m<10?"0"+m:m;

        $('#day').text(d);
        $('#hour').text(h);
        $('#minute').text(m);
    };
    GetRTime();
    setInterval(GetRTime, 10000);
</script>


 

效果:
14144天 12时 32分 04秒

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值