JS倒数计时器

1.JS倒数计时器

    HTML代码:   
<p>
   <span id="test" style=" display:block; font-size:20px; font-weight:700; color:#0F0;">距离晚会开始时间:</span>
</p>
JS代码: 
var timer;
var maxtime = 3600; //一个小时,按秒计算,自己调整!  
function CountDown(){   
		if(maxtime>=0){  
			time = formatMinutes(maxtime); 
			document.getElementById("test").innerHTML=time;   
			if(maxtime !=0){ 
				--maxtime;   
			}else{   
				clearInterval(timer);   
			}   
		}  		
}
function formatMinutes(minutes){
    var day = parseInt(Math.floor(minutes / 86400));
    var hour = day >0? Math.floor((minutes - day*86400)/3600):Math.floor(minutes/3600); 
    var minute = hour > 0? Math.floor((minutes -day*86400 - hour*3600)/60):Math.floor(minutes/60);
    var second = minute > 0? Math.floor(minutes -day*86400 - hour*3600-minute*60):minutes;
    var time="";      
    if (day > 0) time += day + "天";
    if (hour > 0) time += hour + "小时";
    if (minute > 0) time += minute + "分钟";
    time += second+"秒";
    time ="距离晚会结束还有:"+time;
    return time;
}
function dateFormate(currentTimeMillis){
	var d = new Date();
	 d.setTime(currentTimeMillis);
	// var str = d.Format("yyyy年MM月dd HH:mm:ss");
	 var str = d.Format("yyyy年MM月dd日 hh:mm:ss");
	document.getElementById("test1").innerHTML="转换后的时间:"+str;
}
$(document).ready(function(){
	//dateFormate('1392818810270');
	timer = setInterval("CountDown()",1000);	
});
  上述代码中,调用setInterval计时器,每个1000毫秒调用一次CountDown()函数,在CountDown实现每隔一秒减少一秒钟,从而实现
到数计时器,全局变量maxtime标示倒计时的时间点,需要转换为秒数!
前台效果为:
  
ps:
var begindate=new Date();//开始日期
var enddate=new Date('2014', '1', '25','16','10','30');//结束日期
var maxtime = Math.round((enddate.getTime() - begindate.getTime())/1000);
上面这两句代码,可以得到两个时间点之间的秒数,用于倒计时
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值