Javascript倒计时
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript倒计时相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS实现倒计时(时、分，秒)</title>
<script language="javascript" type="text/javascript">
var interval = 1000;
function ShowCountDown(year,month,day,divname){
//获取当前时间
var now = new Date();
//结束时间
var endDate = new Date(year, month-1, day);
//结束时间差
var leftTime = endDate.getTime()-now.getTime();
//计算总秒
var leftsecond = parseInt(leftTime/1000);
//计算天
var days=Math.floor(leftsecond/(60*60*24));
//计算小时
var hours=Math.floor((leftsecond-days*24*60*60)/3600);
//计算分
var minutes=Math.floor((leftsecond-days*24*60*60-hours*3600)/60);
//计算秒
var seconds=Math.floor(leftsecond-days*24*60*60-hours*3600-minutes*60);
console.log(days);
var cc = document.getElementById(divname);
var data1=document.getElementById(‘data‘);
var hours1=document.getElementById(‘hours‘);
var minutes1=document.getElementById(‘minutes‘);
var seconds1=document.getElementById(‘seconds‘);
//判断数字小于10，前面加零
function checkTime(i){
if(i < 10){
i = "0" + i;
}
return i;
}
data1.innerHTML=checkTime(days);
hours1.innerHTML=checkTime(hours);
minutes1.innerHTML=checkTime(minutes);
seconds1.innerHTML=checkTime(seconds);
}
window.setInterval(function(){
ShowCountDown(2020,1,1,‘divdown1‘);
}, interval);
</script>
</head>
<body>
<div id="divdown1">
距结束<span id="data" class="time">00</span> 天 <span id="hours" class="time">00</span> : <span id="minutes" class="time">00</span> : <span id="seconds" class="time">00</span>
</div>
</body>
</html>
以上是关于Javascript倒计时的主要内容，如果未能解决你的问题，请参考以下文章