淘宝团购 倒计时图片怎么弄的？
很多参加了聚划算的商家都有自己弄那个团购打折的图片。想学一下，但是不会！就是那种团购，倒计时的那种图片...
很多参加了聚划算的商家都有自己弄那个团购打折的图片。想学一下，但是不会！
就是那种团购，倒计时的那种图片 展开
就是那种团购，倒计时的那种图片 展开
3个回答
展开全部
这是利用时间倒计时模块做出来的。
用JavaScript获取服务器时间，然后做页面倒计时的程序代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script type="text/javascript">
get=function (id){
return document.getElementById(id)
}
if(document.all){
window.XMLHttpRequest=function(){
var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP'];
for(var i=0;i<get.length;i++)
{
try{
return new ActiveXObject(get[i])
}
catch(e){}
};
};
}
webDate=function(fn){
var Htime=new XMLHttpRequest();
Htime.onreadystatechange=function(){
Htime.readyState==4&&(fn(new Date(Htime.getResponseHeader('Date'))))
};
Htime.open('HEAD', '/?_='+(-new Date)); Htime.send(null);
}
window.time=new Date();
targetTime=new Date();
time2String=function (t){
with(t)return [getFullYear(),'年' ,('0'+(getMonth()+1)).slice(-2),'月' ,('0'+getDate()).slice(-2),'日 ' ,('0'+getHours()).slice(-2),': ' ,('0'+getMinutes()).slice(-2),': ' ,('0'+getSeconds()).slice(-2)].join('')
}
int2time=function (m){
m-=(D=parseInt(m/86400000))*86400000; m-=(H=parseInt(m/3600000))*3600000; S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
return D+'天'+H+'小时'+M+'分'+S+'秒'
}
setInterval(function (){
webDate(function (webTime){
get('web').innerHTML=time2String(time=webTime);
})
get('locale').innerHTML=time2String(new Date);
get('time').innerHTML=int2time(targetTime-time);
if ((targetTime-time)<0) {
get('time').innerHTML = 'Game Over';
} },1000)
</script>
</head>
<body>
设定时间：2015年06月18日0时0分0秒<br> 服务器时间:<span id='web'>loading...</span><br>
本地时间:<span id="locale">loading...</span><br>
倒计时时间:<span id="time">loading...</span>
<script type="text/javascript" charset="utf-8"> targetTime=new Date(2015,06,18,00,00,00); </script>
</body>
</html>
注：原理用xmlhttp来获取服务器上的时间，后台用js做倒计时显示到页面上，由于获取服务器时间这个在本地运行不一定能成功，最好是在服务器上运行。
用JavaScript获取服务器时间，然后做页面倒计时的程序代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script type="text/javascript">
get=function (id){
return document.getElementById(id)
}
if(document.all){
window.XMLHttpRequest=function(){
var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP'];
for(var i=0;i<get.length;i++)
{
try{
return new ActiveXObject(get[i])
}
catch(e){}
};
};
}
webDate=function(fn){
var Htime=new XMLHttpRequest();
Htime.onreadystatechange=function(){
Htime.readyState==4&&(fn(new Date(Htime.getResponseHeader('Date'))))
};
Htime.open('HEAD', '/?_='+(-new Date)); Htime.send(null);
}
window.time=new Date();
targetTime=new Date();
time2String=function (t){
with(t)return [getFullYear(),'年' ,('0'+(getMonth()+1)).slice(-2),'月' ,('0'+getDate()).slice(-2),'日 ' ,('0'+getHours()).slice(-2),': ' ,('0'+getMinutes()).slice(-2),': ' ,('0'+getSeconds()).slice(-2)].join('')
}
int2time=function (m){
m-=(D=parseInt(m/86400000))*86400000; m-=(H=parseInt(m/3600000))*3600000; S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
return D+'天'+H+'小时'+M+'分'+S+'秒'
}
setInterval(function (){
webDate(function (webTime){
get('web').innerHTML=time2String(time=webTime);
})
get('locale').innerHTML=time2String(new Date);
get('time').innerHTML=int2time(targetTime-time);
if ((targetTime-time)<0) {
get('time').innerHTML = 'Game Over';
} },1000)
</script>
</head>
<body>
设定时间：2015年06月18日0时0分0秒<br> 服务器时间:<span id='web'>loading...</span><br>
本地时间:<span id="locale">loading...</span><br>
倒计时时间:<span id="time">loading...</span>
<script type="text/javascript" charset="utf-8"> targetTime=new Date(2015,06,18,00,00,00); </script>
</body>
</html>
注：原理用xmlhttp来获取服务器上的时间，后台用js做倒计时显示到页面上，由于获取服务器时间这个在本地运行不一定能成功，最好是在服务器上运行。
本回答由健康生活分类达人 王一波 推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
