日期对象的创建方式
参数:如果我们不传参数,默认获取的就是当前系统的时间
【注】我们所用的时间都是根据格林尼治时间,中国处于东八区。
var d = new Date();
alert(d);//在原有基础上加上八小时即为北京时间
生成日期对象的参数
参数类型可以是:
Date(“2015-08-15”)
Date(“2015/08/15”)
Date(“2015,05,15”)
var d = new Date("2015-08-15");
var d = new Date("2015/08/15");
var d = new Date("2015,05,15");
alert(d);
1秒=1000毫秒,参数可以是毫秒数,计算从1970年开始+毫秒数,计算出这个时间
var d = new Date(1000);
alert(d);
日期对象Date(格式化方法)
日期对象格式化方法:通过某种格式输出
【格式】日期对象.方法()
var d = new Date();
alert(d.toDateSTring());
alert(d.toLocalDateString());-
set系列的函数是设置值
get系列的函数是获取值
var d = new Date();
//alert(d.getDate());
d.setDate(4);//设置当前时间为4号
alert(d);
getDay()
获取一周中的某一天,从0开始,星期0代表的是星期日,只能获取,不能设置
set/getMonth()
获取月份的时候,从0开始
var d = new Date();
alert(d.getDay());//获取今天是周几
alert(d.getMonth());//获取现在是几月份
alert(d.setMonth());//更改当前的月份
alert(d);
set/getTime()
参照物都是1970年,设置/获取当前日期距离1970年的毫秒数
var d = new Date();
alert(d.getTime());//获取当前时间距离1970年的毫秒数
Date.parse(“2015-08-09”)
参数:是一个日期格式的字符串
返回值: 返回这个日期距离1970年的毫秒数
var time = Date.parse("2015-08-09");//获取当前时间距离1970年的毫秒数
var d = new Date(time);计算1970年+毫秒数,返回当前时间
alert(d);
例
显示当前时间
var showDate = function() {
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth + 1;//月份从0开始
var date = d.getDate();
var week = d.getDay();
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());
set/get.Date(),封装一个函数,显示n天后的时间
var newDate = function(n) {
var d = new Date();
var date = d.getDate();//获取当前天数
d.setDate(date + n);
return d;
}
alert(newDate(5));
定时器
setInterval
【格式】setInterval(函数/匿名函数,毫秒数)
setInterval(function() {
我们想去执行的代码
},毫秒数);
【功能】每隔所传参数的毫秒数,就调用一次所传参数的函数
【返回值】当前页面上对于定时器的唯一标识,定时器的ID
window.onload = function() {
var show() = function() {
var i = 0;
document.write(i++ +"<br/>");
}
var Btn = document.getelementById('btn');
Btn.onclick = function() {
setInterval(show(),1000)//给函数传参
}
}
clearInterval() 取消定时器
参数: 定时器的ID
window.onload = function() {
var show = function() {
var i = 0;
document.write(i++ +"<br/>");
if(i == 5){
clearInterval(show);
}
}
var Btn = document.getelementById('btn');
Btn.onclick = function() {
setInterval(show(),1000)//给函数传参
}
}
innerHTML
标签间的所有内容
如果在innerHTML中包含标签,标签会被识别并且解析,呈现相应的效果
var div1 = document.getElementById('div1');
var btn = document.getElementById('btn');
btn.onclick = function() {
div1.innerHTML = 'HELLO WORLD'
// div1.childNodes[0].innerHTML = 'HELLO'//更改div1下的第一个子元素的内容
}