abstract:現(xiàn)在學(xué)會(huì)了獲取當(dāng)前時(shí)間,但還是不太清楚計(jì)算兩個(gè)時(shí)間相差天數(shù)/小時(shí)數(shù)的方法不知道后面的課程里會(huì)不會(huì)有,想學(xué)習(xí)如何計(jì)算時(shí)間差,做倒計(jì)時(shí)的效果<!doctype html><html> <head> <meta charset="gbk"> <meta name="Author"
現(xiàn)在學(xué)會(huì)了獲取當(dāng)前時(shí)間,但還是不太清楚計(jì)算兩個(gè)時(shí)間相差天數(shù)/小時(shí)數(shù)的方法不知道后面的課程里會(huì)不會(huì)有,想學(xué)習(xí)如何計(jì)算時(shí)間差,做倒計(jì)時(shí)的效果
<!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()'>點(diǎn)擊DIV改變內(nèi)容</div>
<script>
function changebg2(){
document.getElementById('box2').innerHTML="我是要寫入BOX2的文字";
}
</script>
<!--獲取時(shí)間-->
今天是<span id='year'></span>年<span id='month'></span>月<span id='day'></span>日<span id='hour'></span>時(shí)<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>
Correcting teacher:韋小寶Correction time:2018-12-18 09:22:13
Teacher's summary:倒計(jì)時(shí)這個(gè)案例貌似有的哦!寫的很不錯(cuò)!課后記得多找點(diǎn)案例來完整!