Day3-Date物件和Array物件
阿新 • • 發佈:2018-11-10
Day3-Date物件和Array物件
Date物件
宣告一個Date(日期)物件;
var d = new Date();
獲取當前系統時間;
var str = d.getFullYear()+"/"+(d.getMonth()+1)+"/"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
getFullYear():獲取年份;
getMonth():獲取月份;
getDate():獲取日期; //注意:獲取日期不是getDay();
getHours():獲取時;
getMinutes():獲取分;
getSeconds():獲取秒;
實現效果
簡單做個讓時間跟隨系統時間動起來的效果
JS程式碼
window.onload = setInterval(function(){
var d = new Date();
var str = d.getFullYear()+"/"+(d.getMonth()+1)+"/"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
var div = document.getElementById("div");
div.innerHTML = str;
},1000);
HTML程式碼
<div id="div"></div>
效果就是和系統時間一樣,一秒一秒地變化;
Array 物件
宣告一個Array(陣列)物件;
方式1:
var arr = new Array(10); //宣告變數arr是長度為10的陣列
方式2:
var arr = {0,1,2,3,4,5,6,7,8,9}; //直接給陣列arr賦值
沒什麼寫了,簡單寫個給陣列,一直賦值的效果吧;
JS程式碼
var i = 0;
var arr = new Array(100);
window.onload = setInterval(function(){
if(i<arr.length){
arr[i] = i;
i++;
}
var a = document.getElementById("arr");
a.innerHTML = "arr["+i+"]:(" + arr+ ",)";
},1000);
HTML程式碼
<div id="arr"></div>
實現效果:
就是醬紫,一直賦值到100,可自己定義陣列長度。