//倒计时天数
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
var a=new Date();
var b=new Date("2016,6,7");
var lefttime=Math.ceil((b.getTime()-a.getTime())/(24*60*60*1000));
document.getElementById('show').innerHTML=lefttime;
};
</script>
</head>
<body>
倒计时<span id="show"></span>天
</body>
</html>
//抢时限
<!DOCTYPE html>
<html>
<head>
<title>抢时限</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
showTime();
};
function showTime(){
var a=new Date();
var b=new Date("2016/6/7,12:20:12");
var lefttime=parseInt((b.getTime()-a.getTime())/1000);
var d=parseInt(lefttime/(24*60*60));
var h=parseInt(lefttime/(60*60)%24);
var m=parseInt(lefttime/60%60);
var s=parseInt(lefttime%60);
document.getElementById('show').innerHTML=d+'天'+h+'小时'+m+'分'+s+'秒';
setInterval(showTime,500);
}
</script>
</head>
<body>
倒计时<span id="show"></span>天
</body>
</html>
//显示时间
<!DOCTYPE html>
<html>
<head>
<title>显示时间</title>
<meta charset="utf-8">
<style type="text/css">
div{width: 200px;height: 200px;background-color: #D4BEBE}
</style>
<script type="text/javascript">
window.onload=function(){
showTime();
};
function check(i){
if (i<10) {
return '0'+i;
} else {
return i;
}
}
function showTime(){
var myDate=new Date();
var year=myDate.getFullYear();
var month=myDate.getMonth()+1;
var date=myDate.getDate();
var w=myDate.getDay();
var h=myDate.getHours();
var m=myDate.getMinutes();
var s=myDate.getSeconds();
var week=new Array(7);
m=check(m);
h=check(h);
s=check(s);
week[0]="星期日";
week[1]="星期一";
week[2]="星期二";
week[3]="星期三";
week[4]="星期四";
week[5]="星期五";
week[6]="星期六";
document.getElementById('show').innerHTML=year+'年'+month+'月'+date+'日'+week[w]+h+':'+m+':'+s;
setTimeout(showTime,500);
}
</script>
</head>
<body>
<div id="show">显示时间的位置</div>
</body>
</html>