1. 程式人生 > >js倒計時

js倒計時

倒計時

js程式碼倒計時

    var time_now_server,time_now_client,time_end,time_server_client,timerID;  
    var oDate = new Date();
    var year = oDate.getFullYear();   //獲取系統的年;
    var month = oDate.getMonth()+1;   //獲取系統月份,由於月份是從0開始計算,所以要加1
    var day = oDate.getDate(); // 獲取系統日,
    var hours = oDate.getHours(); //獲取系統時,
var minutes = oDate.getMinutes(); //分 var seconds = oDate.getSeconds(); //秒 console.log(year); console.log(month); console.log(day); // time_end=new Date(year+'/'+month+'/'+(day+1)+" 00:00:00"); // time_end=time_end.getTime(); time_now_server=new Date();//開始的時間 time_now_server=time_now_server.getTime(); time_now_client=new
Date(); time_now_client=time_now_client.getTime(); time_server_client=time_now_server-time_now_client; function show_time(time) { var timer = document.getElementById("timer"); if(!timer){ return ; } timer.innerHTML =time_server_client; var
time_now,time_distance,str_time; var int_day,int_hour,int_minute,int_second; var time_now=new Date(); time_now=time_now.getTime()+time_server_client; time_distance=time-time_now; if(time_distance>0) { int_day=Math.floor(time_distance/86400000) time_distance-=int_day*86400000; int_hour=Math.floor(time_distance/3600000) time_distance-=int_hour*3600000; int_minute=Math.floor(time_distance/60000) time_distance-=int_minute*60000; int_second=Math.floor(time_distance/1000) 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; // str_time=int_hour+"小時"+int_minute+"分鐘"+int_second+"秒"; var str = ''; str += '<span>本輪剩餘時間</span>'; str += '<span class="span-time">'+int_hour+'</span>:'; str += '<span class="span-time">'+int_minute+'</span>:'; str += '<span class="span-time">'+int_second+'</span>'; timer.innerHTML=str; setTimeout("show_time("+time+")",1000); } else { timer.innerHTML =timer.innerHTML; clearTimeout(timerID) } }

html程式碼:

<div class="seckill-time">

    <div id="timer" class="seckill-time-area">
        <span>本輪剩餘時間</span>
        <span class="span-time">00</span>:
        <span class="span-time">00</span>:
        <span class="span-time">00</span>
    </div>
        <span class="seckill-next"></span>
</div>

這裡寫圖片描述