文章插圖
一些例題
1.顯示當(dāng)前的時(shí)間
function showDate( ){var d = new Date();//獲取當(dāng)前時(shí)間var year = d.getFullYear();//獲取當(dāng)前年份var month = d.getMonth() + 1;//獲取當(dāng)前月份，注意加1var date = d.getDate();//獲取當(dāng)前日期var week = d.getDay();//獲取星期，因?yàn)?代表周日，所以需要if判斷一下if( week == 0 ){week = “周日”;}var hour = d.getHours();//獲取小時(shí)var min = d.getMinutes();//獲取分鐘var sec = d.getSeconds();//獲取秒return year + “年” + month + “月” + date + “日星期” + week + ” ” + hour + “:” + min + “:”+ sec;//將它們組合起來(lái)輸出}alert( showDate() );//最后直接調(diào)用showDate函數(shù)即可注意引號(hào)、分號(hào)等標(biāo)點(diǎn)符號(hào)一定要用英文的
運(yùn)行結(jié)果如下：
2.setDate()和getDate()封裝一個(gè)函數(shù)，可以根據(jù)輸入的數(shù)值n（天數(shù)）顯示n天后的時(shí)間
分析：先獲取當(dāng)前時(shí)間，再獲取天數(shù)，再用天數(shù)加上n天
function numOfDate( n ){//n天后var d = new Date();//獲取當(dāng)前時(shí)刻var date = d.getDate();//取出天數(shù)d.setDate( date + n );//加上n天return d;}alert(numOfDate(2));運(yùn)行結(jié)果如下：
計(jì)時(shí)器
setInterval()
格式：
setInterval( 函數(shù)(或匿名函數(shù)),毫秒數(shù) ); 或者
setInterval( function(){ } , 毫秒數(shù) ); 只不過(guò)一個(gè)是寫了函數(shù)名，一個(gè)是直接定義了函數(shù)
功能：每隔所傳參數(shù)的毫秒數(shù)，就調(diào)用一次所傳參數(shù)的函數(shù)
返回值：當(dāng)前頁(yè)面上對(duì)于這個(gè)定時(shí)器的唯一標(biāo)識(shí)，定時(shí)器的ID
有了定時(shí)器的ID我們就可以取消定時(shí)器，下面會(huì)講到
舉個(gè)小例子：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type = "text/javascript">var i = 0;function show(){//這里也可以寫成var show = function(){ }document.write( i++ + “<br />” );}//然后我們寫一個(gè)按鈕，點(diǎn)擊按鈕啟動(dòng)定時(shí)器window.onload = function(){var oBtn = document.getElementById( “btn” );//先獲取按鈕oBtn.onclick = function(){//把事件驅(qū)動(dòng)函數(shù)綁定給這個(gè)按鈕setInterval( show,1000 );//這里是函數(shù)的傳參，傳show，也可以將show改成function定義的函數(shù)內(nèi)容}}</script></head><body>點(diǎn)擊按鈕時(shí)啟動(dòng)一個(gè)定時(shí)器，這個(gè)定時(shí)器讓它執(zhí)行show函數(shù)<input type=”button” id=”btn” value=https://www.520longzhigu.com/diannao/”按鈕” />