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