利用 JavaScript 完成了这个高考倒计时的制作:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>高考倒计时</title>
<script>
window.onload=function(){
var now=new Date();//得到当前的时间
var nowYear=now.getFullYear();
// var gaokaotime=new Date("2016,6,7"); //定义高考时间
var gaokaotime=new Date(nowYear,5,7); //定义高考时间
if(gaokaotime.getTime()>now.getTime()){
var date=gaokaotime.getTime()-now.getTime();//两日期的相差,得出的为毫秒
var days=Math.ceil(date/1000/60/60/24); //1000 * 60 * 60 * 24一天的毫秒数
document.getElementById('timeShow').innerHTML = days;
}else{
gaokaotime=new Date(nowYear+1,5,7); //定义高考时间
var date=gaokaotime.getTime()-now.getTime();//两日期的相差,得出的为毫秒
var days=Math.ceil(date/1000/60/60/24); //1000 * 60 * 60 * 24一天的毫秒数
document.getElementById('timeShow').innerHTML = days;
}
}
</script>
<span> 距离高考还有<span id="timeShow"></span>天</span>
</head>
<body>
</body>
</html>