摘要：現(xiàn)在學(xué)會了獲取當(dāng)前時間，但還是不太清楚計算兩個時間相差天數(shù)/小時數(shù)的方法不知道后面的課程里會不會有，想學(xué)習(xí)如何計算時間差，做倒計時的效果<!doctype html><html> <head> <meta charset="gbk"> <meta name="Author"
現(xiàn)在學(xué)會了獲取當(dāng)前時間，但還是不太清楚計算兩個時間相差天數(shù)/小時數(shù)的方法不知道后面的課程里會不會有，想學(xué)習(xí)如何計算時間差，做倒計時的效果
<!doctype html>
<html>
<head>
<meta charset="gbk">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>JS提升篇作業(yè)</title>
</head>
<style>
#box{width:100px;height:100px;background:#000}
</style>
<body>
<!--改變背景-->
<div id="box"></div>
<input type="button" onclick='changebg()' value='改變背景'>
<script>
function changebg(){
document.getElementById('box').style.backgroundColor="red";
}
/*function changebg(){
$('#box').css('background','red');
}*/
</script>
<!--給DIV插入文字-->
<div id="box2" style="width:100px;height:100px;background:#ccc;margin-top:10px" onclick='changebg2()'>點擊DIV改變內(nèi)容</div>
<script>
function changebg2(){
document.getElementById('box2').innerHTML="我是要寫入BOX2的文字";
}
</script>
<!--獲取時間-->
今天是<span id='year'></span>年<span id='month'></span>月<span id='day'></span>日<span id='hour'></span>時<span id='minutes'></span>分<span id='second'></span>秒
<script>
var dat = new Date();
var year = dat.getFullYear();
var month = dat.getMonth()+1;
var day = dat.getDate();
var hour = dat.getHours();
var minutes = dat.getMinutes();
var sec = dat.getSeconds();
document.getElementById('year').innerHTML=year;
document.getElementById('month').innerHTML=month;
document.getElementById('day').innerHTML=day;
document.getElementById('hour').innerHTML=hour;
document.getElementById('minutes').innerHTML=minutes;
document.getElementById('second').innerHTML=sec;
</script>
</body>
</html>
批改老師：韋小寶批改時間：2018-12-18 09:22:13
老師總結(jié)：倒計時這個案例貌似有的哦！寫的很不錯！課后記得多找點案例來完整！