1. 程式人生 > >Day3-Date物件和Array物件

Day3-Date物件和Array物件

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,可自己定義陣列長度。