一跋炕、JavaScript Date對(duì)象
getYear() 獲取年份剃浇,獲取年最好用
getFullYear()獲取完整格式年份耘柱,如2014虚循,一般用這個(gè)
getMonth()獲取月同欠,從0開(kāi)始(0~11),要返回當(dāng)前月份要加1
getDate()獲取日(1~31)
getDay()獲取星期幾(0~6)
getHours()獲取小時(shí)(0~23)
getMinutes()獲取分鐘數(shù)(0~59)
getSeconds()獲取秒數(shù)(0~59)
getTime()獲取毫秒數(shù)
定義日期對(duì)象
var myDate = new Date()
myDate存放了當(dāng)前日期對(duì)象横缔,然后可以通過(guò)日期對(duì)象的函數(shù)獲取具體需要的數(shù)據(jù)铺遂,比如,年月日等等
二茎刚、簡(jiǎn)單時(shí)間顯示
效果:2017年4月18日 星期二 14:22:44
重點(diǎn):
1襟锐、獲取時(shí)間,星期幾處理
2膛锭、時(shí)間要時(shí)刻變化粮坞,和系統(tǒng)時(shí)間相同——setTimeout('showTime()',500)定時(shí)調(diào)用
3蚊荣、秒數(shù)和分?jǐn)?shù)時(shí)刻保證是兩位數(shù)——補(bǔ)位處理
window.onload = function(){
showTime();
}
function checkTime(i){ //補(bǔ)位處理
if(i<10){
i="0"+i;
}
return i;
}
function showTime(){
var now=new Date();
var year=now.getFullYear();
var month= now.getMonth()+1 ;
var day= now.getDate() ;
var h=now.getHours() ;
var m=now.getMinutes() ;
var s=now.getSeconds() ;
m=checkTime(m)
s=checkTime(s)
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
var d=now.getDay();
document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ weekday[d]+" "+h+":"+m+":"+s;
setTimeout('showTime()',500)// 定時(shí)500毫秒執(zhí)行一次showTime()
}
三、高考倒計(jì)時(shí)
倒計(jì)時(shí)原理:當(dāng)前時(shí)間-倒計(jì)時(shí)截止日
中間轉(zhuǎn)換點(diǎn):
1莫杈、使用getTime()獲取到毫秒數(shù)
毫秒數(shù)差 = 當(dāng)前時(shí)間getTime()獲取到毫秒數(shù)-倒計(jì)時(shí)截止日getTime()獲取到毫秒數(shù)
2互例、天數(shù) = 毫秒數(shù)之差/每天毫秒數(shù)
1000 * 60 * 60 * 24一天的秒數(shù)
3、天數(shù)不是整數(shù)筝闹,使用Math.ceil()向上取整函數(shù)
Math.ceil(12.3) = 13;
<script language="javascript" type="text/javascript">
window.onload = function(){
var timedate= new Date(2017,6,1); //自定義結(jié)束時(shí)間 '
var now = new Date();
var date = timedate.getTime() - now.getTime(); //得出的為毫秒
var time = Math.ceil((date)/(1000 * 60 * 60 * 24)); //1000 * 60 * 60 * 24一天的秒數(shù)
if(time > 0 ){
document.getElementById('timeShow').innerHTML = time;
}
}
</script>
</head>
<body>
<div class="content2">
<div class="txtshow">距離設(shè)置時(shí)間還有<span id="timeShow"></span>天</div>
</div>
</body>
四媳叨、倒計(jì)時(shí)二
1、使用了parseInt()函數(shù)取整數(shù)
2关顷、使用% 計(jì)算時(shí)間
3糊秆、時(shí)間結(jié)束,更改界面解寝。并停止定時(shí)器
function FreshTime()
{
var endtime=new Date("2017/5/15,12:20:12");//結(jié)束時(shí)間
var nowtime = new Date();//當(dāng)前時(shí)間
var lefttime= parseInt((endtime.getTime()-nowtime.getTime())/1000);
d=parseInt(lefttime/3600/24); ;
h= parseInt(lefttime/(60*60))%24 ;
m= parseInt(lefttime/(60))%60 ;
s= parseInt(lefttime%60);
document.getElementById("LeftTime").innerHTML=d+"天"+h+"小時(shí)"+m+"分"+s+"秒";
if(lefttime <0){
document.getElementById("LeftTime").innerHTML="團(tuán)購(gòu)已結(jié)束";
clearInterval(sh);
}
}
FreshTime()
var sh;
sh=setInterval(FreshTime,1000);
</script>
}
FreshTime();
var sh;
sh=setInterval(FreshTime,1000);
</script>