js计数器:天时分秒的倒计

Note:代码中黑色加粗的部分要特别注意


脚本文件:起名叫CountDown.js

<script type="text/javascript">
// <!--

function _fresh()
{
var endtime=new Date("2012/09/30,16:00:00"); //这里设置成结束的日期

var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);

__d=parseInt(leftsecond/3600/24);    //天
__h=parseInt((leftsecond/3600)%24);  //时
__m=parseInt((leftsecond/60)%60);    //分
__s=parseInt(leftsecond%60);         //秒


        day=0;
	hour=0;
	minute=0;
	
	
	if(__h<10){
	hour='0'+__h;
	}else{
		hour=__h;
	}
	
	if(__d<10){
	day='0'+__d;
	}else{
		day=__d;
	}
	
	if(__d<10){
	minute='0'+__m;
	}else{
		minute=__m;
	}
	
//页面输出

document.getElementById("times").innerHTML="<span><p>"+day+"</p></span>"+"<span style='margin-right:48px;'><p>"+hour+"</p></span>"+"<span style='margin-right:0;'><p>"+minute+"</p></span>";//倒计时结束设置的提示语if(leftsecond<=0){document.getElementById("times").innerHTML="Promotion Ended!";clearInterval(sh);}}_fresh();var sh;sh=setInterval(_fresh,1000);
// -->
</script>


页面调用:
 <div class="sales">         
       <div class="counter" id="times"> 
             <!--倒数计数器调用-->                
             <script type="text/javascript" src="../服务器保存路径/CountDown.js"></script>  
       </div>
 </div>


完成效果:





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值