您的位置:首页 > Web前端 > JavaScript

js 倒数计时器

2014-02-25 12:03 471 查看

1.JS倒数计时器

   经常在购网网站看到JS倒计时的东西,闲来无事自己也写个!
   HTML代码:
<p>
<span id="test" style=" display:block; font-size:20px; font-weight:700; color:#0F0;">距离晚会开始时间:</span>
</p>
  JS代码:
var timer;
var maxtime = 10000; //一个小时,按秒计算,自己调整!
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(){
timer = setInterval("CountDown()",1000);
});
这段代码实现倒计时,其中全局变量maxtime便是倒计时的时间点。
前台效果:



  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: