一些例題
1.顯示目前的時間function showDate(){var d = new Date(); //擷取目前時間var year = d.getFullYear(); //擷取目前年份var month = d.getMonth() + 1; //擷取目前月份，注意加1var date = d.getDate(); //擷取目前日期var week = d.getDay(); //擷取星期，因為0代表周日，是以需要if判斷一下if( week == 0 ){week = “周日”;}var hour = d.getHours(); //擷取小時var min = d.getMinutes(); //擷取分鐘var sec = d.getSeconds(); //擷取秒return year + “年” + month + “月” + date + “日 星期” + week + ” ” + hour + “:” + min + “:” + sec; //将它們組合起來輸出}alert( showDate() ); //最後直接調用showDate函數即可
注意引号、分号等标點符号一定要用英文的
運作結果如下：
2.setDate()和getDate()封裝一個函數，可以根據輸入的數值n(天數)顯示n天後的時間
分析：先擷取目前時間，再擷取天數，再用天數加上n天function numOfDate(n){ //n天後var d = new Date(); //擷取目前時刻var date = d.getDate(); //取出天數d.setDate( date + n ); //加上n天return d;}alert( numOfDate(2) );
運作結果如下：
計時器
setInterval()
格式：
setInterval( 函數(或匿名函數),毫秒數 ); 或者
setInterval( function(){ } , 毫秒數 ); 隻不過一個是寫了函數名，一個是直接定義了函數
功能：每隔所傳參數的毫秒數，就調用一次所傳參數的函數
傳回值：目前頁面上對于這個定時器的唯一辨別，定時器的ID
有了定時器的ID我們就可以取消定時器，下面會講到
舉個小例子：
Document點選按鈕時啟動一個定時器，這個定時器讓它執行show函數 body>
運作結果如下：
取消定時器
clearInterval();
參數：定時器的ID
功能：取消定時器
我們把上面的小例子中的按鈕ID輸出一下window.onload = function(){var oBtn = document.getElementById( “btn” );oBtn.onclick = function(){var timer = setInterval( function(){document.write( i++ + “
” );} ,1000 ); //改寫的上面的函數傳參alert( timer );}}
當我們點選按鈕時運作的按鈕ID為
那麼怎麼去取消定時器呢？
我們需要加一個if判斷條件，控制它什麼時候取消window.onload = function(){var oBtn = document.getElementById( “btn” );oBtn.onclick = function(){var timer = setInterval( function(){document.write( i++ + “
” );if( i == 3 ){clearInterval( timer );}} ,1000 ); //改寫的上面的函數傳參alert( timer );}}
運作結果如下
以上是定時器的使用及清除
标簽間的所有内容
innerHTML
功能：标簽間的所有内容
舉個小例子：
如果我們的div中有一些資訊，想要通過點選按鈕來擷取這個資訊，就需要用到它
Document 斜體 body>
運作結果如下，當我們點選按鈕時，就彈出對話框
擷取時并不僅僅是文字擷取，而是标簽一起擷取
如果我們想要設定innerHTML的内容，可以這樣寫window.οnlοad=function( ){var oBtn=document.getElementById( “btn” );var oDiv=document.getElementById( “div1” );oBtn.οnclick=function( ){//擷取div标簽間的内容oDiv.innerHTML=”
我是替換文本
”}}
運作結果點選按鈕就可以看添加的
如果在innerHTML包含标簽，标簽會被識别，并且會解析，呈現對應的效果。
-寫作不易，大家多多關注，謝謝啦-
---web分享，分享的不隻是web