1.获取时间
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="day"></div>
<div id="show"></div>
<script>
/*
* Date()返回当前日期和时间
* getDate()查看Date对象并返回日期(1-31)
* getDay()返回星期几(0-6)
* getHours()返回小时数(0-23)
* getMinutes()返回分钟数(0-59)
* getMonth()返回月份值(从0开始,+1)
* getSeconds()返回秒数
* getTime()返回毫秒数
* getYear()返回年份 获得年最好用
* getFullYear()方法来操作(完整格式 如2014)
*/
showTime();//一开始进来的时候调用下
function checkTime(i){
if(i<10){
i="0"+i;
}
return i;//否则返回i
}
function showTime(){
var myDate=new Date();
var year=myDate.getFullYear();
var month=myDate.getMonth()+1;
var date=myDate.getDate();
var d=myDate.getDay();
var h=myDate.getHours();
var m=myDate.getMinutes();
var s=myDate.getSeconds();
// m = m >= 10? m:'0'+m;
// s = s >= 10? s:'0'+s;
m=checkTime(m);//分钟和秒都要检测
s=checkTime(s);
//alert(myDate.getDay());
// var weekday=new Array(7);
// weekday[0]="星期日";
// weekday[1]="星期一";
// weekday[2]="星期二";
// weekday[3]="星期三";
// weekday[4]="星期四";
// weekday[5]="星期五";
// weekday[5]="星期六";
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.getElementById('day').innerHTML='星期'+'日一二三四五六'.charAt(d);
document.getElementById('show').innerHTML=year+'年'+month+'月'+date+'日'+weekday[d]+h+'小时'+m+'分钟'+s+'秒';
setTimeout(showTime,500);
}
</script>
</body>
</html>
2.距离高考倒计时
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div> 倒计时:<span id="showtime"></span></div>
<script>
var curtime=new Date(); //当前时间
var endtime=new Date("2017,10,30"); //结束时间
var lefttime=Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000));
//1天=24小时 1小时=60分 1分=60秒 1秒=1000毫秒
//lefttime/24*60*60*1000;//一天的毫秒数
//alert(lefttime)
document.getElementById('showtime').innerHTML=lefttime
</script>
</body>
</html>
3.限时倒计
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div> 还剩:<span id="showtime"></span></div>
<div> <span id="lefttime"></span></div>
<script>
showTime();
function showTime(){
var curtime=new Date(); //当前时间
var endtime=new Date("2017/10/22,16:20:12"); //结束时间
//endtime.getTime() 全部转成毫秒,除以1000就等于秒
var lefttime=parseInt((endtime.getTime()-curtime.getTime())/1000); //毫秒转成秒
//1天=24小时 1小时=60分 1分=60秒 1秒=1000毫秒
//lefttime/24*60*60*1000;//一天的毫秒数
//alert(lefttime)
//换算
//总秒数/一天秒数
var d=parseInt(lefttime/(24*60*60));
//1天24小时
var h=parseInt(lefttime/(60*60)%24); //lefttime/(60*60)把秒转成小时,再模自己,取剩余数
//1分钟60秒
var m=parseInt(lefttime/60%60); //把秒转成分钟, 再模自己,取剩余数 //lefttime%3600/60;
//本身就是秒数
var s=parseInt(lefttime%60);
document.getElementById('showtime').innerHTML=d+'天'+h+'小时'+m+'分钟'+s+'秒';
//判断活动结束弹出
if(lefttime<=0){
document.getElementById('lefttime').innerHTML="活动已结束";
clearTimeout(showTime);
}
setTimeout(showTime,500);
}
</script>
</body>
</html>