JS倒计时特效--JavaScript基础
1、倒计时特效HTML源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时特效</title>
</head>
<body>
<section>
<div id="CET6"></div>
<div id="mandarin"></div>
<div id="Database"></div>
</section>
</body>
<script>
var nowTime = new Date();
var setTimeCET6 = new Date("November 25,2017");
var setTimeMan = new Date("December 16,2017");
var setTimeDb = new Date("December 9,2017");
var CET6 = "距离CET6考试只有";
var Mandarin = "距离普通话考试只有";
var Db = "距离Access考试只有";
var dateCET6 = setTimeCET6.getTime() - nowTime.getTime();//date得到的是秒数,单位是ms
var dateMan = setTimeMan.getTime() - nowTime.getTime();
var dateDb = setTimeDb.getTime() - nowTime.getTime();
var timeCet6 = CET6+Math.floor(dateCET6/(1000*60*60*24))+"天！";//最终化为以天为单位;Math.floor()函数四舍五入
var timeMandarin = Mandarin+Math.floor(dateMan/(1000*60*60*24))+"天！";
var timeDatabase = Db+Math.floor(dateDb/(1000*60*60*24))+"天！";
document.getElementById('CET6').innerHTML = timeCet6;
document.getElementById('mandarin').innerHTML = timeMandarin;
document.getElementById('Database').innerHTML = timeDatabase;
</script>
</html>
2、效果示例
