倒计时模块(获取的是服务器上的时间——适合购物网站的抢购模块)
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="https://www.it610.com/article/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部分
进入进入进入
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");
推荐阅读
- SpringBoot调用公共模块的自定义注解失效的解决
- Node.js中readline模块实现终端输入
- python自定义封装带颜色的logging模块
- 解决SpringBoot引用别的模块无法注入的问题
- 为什么985/211的学生能胜任工作获得老板的青睐。
- Python(pathlib模块)
- Apache多路复用模块(MPMs)介绍
- 【剽悍读书营成长记录】2018年我收获了什么|【剽悍读书营成长记录】2018年我收获了什么 3357-小松
- 读猫文收获
- 临清一中学子斩获北大培文杯作文大赛全国大奖