倒计时 插件

来源:互联网 发布:sql 唯一 distinct 编辑:程序博客网 时间:2024/05/22 13:58
<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
原创粉丝点击