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，可自己定义数组长度。