本篇博文知识点:
- js的Date类的使用
- setTimeout的使用(注意和setInterval的区别)
- 将“秒”格式化成常用的格式
动态地显示当前时间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>当前时间</title>
</head>
<script type="text/javascript">
window.onload=function(){
showTime();
}
// show current time;
function showTime(){
var myDate = new Date();
var year = myDate.getFullYear();
var month = myDate.getMonth()+1;
var day = myDate.getDate();
var week = myDate.getDay();
var weeks = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var hour = checkTime(myDate.getHours());
var minute = checkTime(myDate.getMinutes());
var second = checkTime(myDate.getSeconds());
document.getElementById('showtime').innerHTML = year+"年"+month+"月"+day +"日 "+weeks[week]+
" "+hour+":"+minute+":"+second;
setTimeout(showTime,1000);
}
// format time;
function checkTime(i){
if(i<10){
return "0"+i;
}else{
return i;
}
}
</script>
<body>
<div id="showtime">
showtime
</div>
</body>
</html>
模拟购物网站上的限时抢购
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>限时抢购</title>
<script type="text/javascript">
window.onload=function(){
daojishi();
}
function daojishi(){
var curr_time = new Date();
var end_time = new Date("2015/9/12,12:30:50");
var left_time = parseInt((end_time-curr_time)/1000);
var day = parseInt(left_time/(60*60*24));
var hour = parseInt(left_time/(60*60)%24);
var min = parseInt((left_time/60%60));
var sec = parseInt((left_time%60));
document.getElementById('time').innerHTML="剩余时间:"+day+"天"+hour+"小时"+min+"分钟"+sec+"秒";
setTimeout(daojishi,500);
}
// format time;
function checkTime(i){
if(i<10){
return "0"+i;
}else{
return i;
}
}
</script>
</head>
<body>
<div id="time">content</div>
</body>
</html>