一些例題
1.顯示當前的時間
function showDate( ){
var d = new Date(); //獲取當前時間
var year = d.getFullYear(); //獲取當前年份
var month = d.getMonth() + 1; //獲取當前月份，注意加1
var 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我們就可以取消定時器，下面會講到
舉個小例子：
<!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 />” );
}
//然后我們寫一個按鈕，點擊按鈕啟動定時器
window.onload = function(){
var oBtn = document.getElementById( “btn” ); //先獲取按鈕
oBtn.onclick = function(){ //把事件驅動函數綁定給這個按鈕
setInterval( show,1000 ); //這里是函數的傳參，傳show，也可以將show改成function定義的函數內容
}
}
</script>
</head>
<body>
點擊按鈕時啟動一個定時器，這個定時器讓它執行show函數
<input type=”button” id=”btn” value=”按鈕” />
</ body>
</html>
運行結果如下：
取消定時器
clearInterval();
參數：定時器的ID
功能：取消定時器
我們把上面的小例子中的按鈕ID輸出一下
window.onload = function(){
var oBtn = document.getElementById( “btn” );
oBtn.onclick = function(){
var timer = setInterval( function(){
document.write( i++ + “<br />” );
} ,1000 ); //改寫的上面的函數傳參
alert( timer );
}
}當我們點擊按鈕時運行的按鈕ID為
那么怎么去取消定時器呢？
我們需要加一個if判斷條件，控制它什么時候取消
window.onload = function(){
var oBtn = document.getElementById( “btn” );
oBtn.onclick = function(){
var timer = setInterval( function(){
document.write( i++ + “<br />” );
if( i == 3 ){
clearInterval( timer );
}
} ,1000 ); //改寫的上面的函數傳參
alert( timer );
}
}運行結果如下
以上是定時器的使用及清除
標簽間的所有內容
innerHTML
功能：標簽間的所有內容
舉個小例子：
如果我們的div中有一些信息，想要通過點擊按鈕來獲取這個信息，就需要用到它
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
window.onload=function( ){
var oBtn=document.getElementById( “btn” );
var oDiv=document.getElementById( “div1” );
oBtn.onclick=function( ){
//獲取div標簽間的內容
alert(oDiv.innerHTML);
}
}
</script>
</head>
<body>
<div id =”div1”><em>斜體</em></div>
<input type=”button” id = “btn” value=”按鈕” />
</ body>
</html>
運行結果如下，當我們點擊按鈕時，就彈出對話框
獲取時并不僅僅是文字獲取，而是標簽一起獲取
如果我們想要設置innerHTML的內容，可以這樣寫
window.onload=function( ){
var oBtn=document.getElementById( “btn” );
var oDiv=document.getElementById( “div1” );
oBtn.onclick=function( ){
//獲取div標簽間的內容
oDiv.innerHTML=”<h1>我是替換文本</h1>”
}
}
運行結果點擊按鈕就可以看添加的
如果在innerHTML包含標簽，標簽會被識別，并且會解析，呈現對應的效果。
– 寫作不易，大家多多關注，謝謝啦-
相關推薦
2020年java好找工作嗎（java程序員的工資待遇）
Java程序員找工作很難嗎？可能沒有get這些內容 五分鐘閱讀下方文章 經常面試一些候選人，整理了下我面試使用的題目，陸陸續續整理出來的題目很多，所以每次會抽一部分來問。答案會在后…
java學起來難嗎，培訓java編程費用標準
在越來越多編程語言出現的時期，Java編程語言從未曾被淘汰過，在如今的大數據時代，Java編程語言仍占據著重要的位置，但是也有不少喜歡Java開發想要學習Java編程的小伙伴有一些…
java好找工作嗎，java就業前景和工資待遇
無論是從每個月的編程語言排行榜上看，還是從各大招聘網站人才招聘需求上看，Java依然是IT行業中最熱門、最搶手的編程語言。但很多想要學習Java進入編程行業的人還是會擔憂武漢Jav…
如何優化代碼運行速度，Java性能調優技巧
可供程序利用的資源（內存、CPU時間、網絡帶寬等）是有限的，優化的目的就是讓程序用盡可能少的資源完成預定的任務。優化通常包含兩方面的內容：減小代碼的體積，提高代碼的運行效率。本文討…
java架構師簡歷模板，月薪過萬的Java開發簡歷寫法
看到這樣的描述 你如果作為面試官 你是什么感覺 有朋友問，那正確的姿勢是什么呢？ 答案是多站在面試官的角度思考，這就是最正確的方向！ 三年java程序員： 五年java程序員： 架…
內部oa系統開發是什么，java開源oa系統源碼
OA就是辦公自動化，它是企業為了更好的管理而使用的一種手段，它是一種軟件系統，可以與網絡連接，從而實現與企業的客戶，員工之間等的交流。OA辦公系統強調的就是辦公的便捷方便，提高效率…
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。