zencart JS倒计时效果代码

zencart  JS倒计时效果代码

这个是 从网上搜到的  自己用了一下 很不错 就是 界面有点不怎么好看  各位大佬 可以修改下CSS  美化一下



<script type="text/javascript"> 
var time_now_server,time_now_client,time_end,time_server_client,timerID; 
 
time_end=new Date("2012-9-26 11:10:1");//结束的时间 
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; 
 
setTimeout("show_time()",1000); 
 
function show_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_end-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_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒"; 
  timer.innerHTML=str_time; 
  setTimeout("show_time()",1000); 

else 

  timer.innerHTML =timer.innerHTML; 
  clearTimeout(timerID) 


</script> 
<div id="timer">这里会被替换成例如:**天**小时**分钟**秒</div> 



如果有疑问 请随时联系我

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值