倒計時模塊(獲取的是服務器上的時間——適合購物網站的搶購模塊)

JS部分

/*ajax請求服務器當前時間*/function servertiems() {?

? varA=null;

? try {

? ? A=newActiveXObject("Msxml2.XMLHTTP")

? } catch(e) {

? ? try {

? ? ? A=newActiveXObject("Microsoft.XMLHTTP")

? ? } catch(oc) {

? ? ? A=null? ? }

? }

? if( !A &&typeofXMLHttpRequest != "undefined" ) {

? ? A=new XMLHttpRequest()

? }

? return A

}

? var NowTime;

? vartm = servertiems();?

? varstrData="auto="+new Date().toString();

? tm.onreadystatechange = callback_st;

? tm.open("GET","http://您的服務器輸出地址",false);//服務器輸出格式如:{"time": "2016/4/29 11:24:11"}tm.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

? tm.send(strData);

? function callback_st(){

? ? if(tm.readyState==4 && tm.status==200){

? ? varresult = tm.responseText;? ?

? ? varjson = eval("(" + result + ")");

? ? NowTime=json.time;//獲取到服務器當前時間? ?

? ? }

}vartoday=new Date(NowTime).getTime();varnow =new Date().getTime();vardiff = (now - today);function show_date_timezj(timesxx,xid){

window.setTimeout(function(){show_date_timezj(timesxx,xid)},20);

BirthDay=newDate(timesxx);//設置日期varnow_fun =new Date().getTime();vartodayx=now_fun - diff;

timeold=(BirthDay - now_fun + diff );

sectimeold=timeold/1000;secondsold=Math.floor(sectimeold);

msPerDay=86400000; //*天數e_daysold=timeold/msPerDay;daysold=Math.floor(e_daysold); //*小時e_hrsold=(e_daysold-daysold)*24;

hrsold=Math.floor(e_hrsold);

e_minsold=(e_hrsold-hrsold)*60;

minsold=Math.floor((e_hrsold-hrsold)*60);

e_seconds = (e_minsold-minsold)*60;

seconds=Math.floor((e_minsold-minsold)*60);

ms = e_seconds-seconds;

ms =new String(ms)

ms = ms.substr(2,3);if(daysold>=0){

document.getElementById(xid).innerHTML="距離開始時間還有: "+(daysold<10?'0'+daysold:daysold)+"天"+""+(hrsold<10?'0'+hrsold:hrsold)+"小時"+""+(minsold<10?'0'+minsold:minsold)+"分"+""+(seconds<10?'0'+seconds:seconds)+"秒"+""+ms+"";

}else{

document.getElementById(xid).innerHTML='';

document.getElementById(xid).nextSibling.className='';

}

}


HTML部分

<div><div id="span_k1"></div><a href="" class="no_ac">進入</a><div id="span_k2"></div><a href="" class="no_ac">進入</a><div id="span_k3"></div><a href="" class="no_ac">進入</a></div>


?JS調用

varspank1=newshow_date_timezj("05/06 /2015 19:30:00","span_k1");varspank2=newshow_date_timezj("05/07 /2015 09:00:00","span_k2");varspank3=newshow_date_timezj("05/08 /2015 19:00:00","span_k3");

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容