日期对象的创建方式

参数:如果我们不传参数,默认获取的就是当前系统的时间
【注】我们所用的时间都是根据格林尼治时间,中国处于东八区。

  1. var d = new Date();
  2. alert(d);//在原有基础上加上八小时即为北京时间

生成日期对象的参数

参数类型可以是:
Date(“2015-08-15”)
Date(“2015/08/15”)
Date(“2015,05,15”)

  1. var d = new Date("2015-08-15");
  2. var d = new Date("2015/08/15");
  3. var d = new Date("2015,05,15");
  4. alert(d);

1秒=1000毫秒,参数可以是毫秒数,计算从1970年开始+毫秒数,计算出这个时间

  1. var d = new Date(1000);
  2. alert(d);

日期对象Date(格式化方法)

Screenshot_20201010-233734.jpg
Screenshot_20201010-233740.jpg
Screenshot_20201010-233756.jpg

日期对象格式化方法:通过某种格式输出

【格式】日期对象.方法()

  1. var d = new Date();
  2. alert(d.toDateSTring());
  3. alert(d.toLocalDateString());-

set系列的函数是设置值
get系列的函数是获取值

  1. var d = new Date();
  2. //alert(d.getDate());
  3. d.setDate(4);//设置当前时间为4号
  4. alert(d);

getDay()

获取一周中的某一天,从0开始,星期0代表的是星期日,只能获取,不能设置

set/getMonth()

获取月份的时候,从0开始

  1. var d = new Date();
  2. alert(d.getDay());//获取今天是周几
  3. alert(d.getMonth());//获取现在是几月份
  4. alert(d.setMonth());//更改当前的月份
  5. alert(d);

set/getTime()

参照物都是1970年,设置/获取当前日期距离1970年的毫秒数

  1. var d = new Date();
  2. alert(d.getTime());//获取当前时间距离1970年的毫秒数

Date.parse(“2015-08-09”)

参数:是一个日期格式的字符串
返回值: 返回这个日期距离1970年的毫秒数

  1. var time = Date.parse("2015-08-09");//获取当前时间距离1970年的毫秒数
  2. var d = new Date(time);计算1970年+毫秒数,返回当前时间
  3. alert(d);

显示当前时间

  1. var showDate = function() {
  2. var d = new Date();
  3. var year = d.getFullYear();
  4. var month = d.getMonth + 1;//月份从0开始
  5. var date = d.getDate();
  6. var week = d.getDay();
  7. if (week == 0){
  8. week = '日'
  9. }
  10. var hour = d.getHours();
  11. var min = d.getMinutes();
  12. var sec = d.getSeconds();
  13. return year + '年' + month + '月' + date + '日 星期' + week + ' ' + hour + ':' +
  14. min + ':' + sec;
  15. }
  16. alert(showDate());

set/get.Date(),封装一个函数,显示n天后的时间

  1. var newDate = function(n) {
  2. var d = new Date();
  3. var date = d.getDate();//获取当前天数
  4. d.setDate(date + n);
  5. return d;
  6. }
  7. alert(newDate(5));

定时器

setInterval

【格式】setInterval(函数/匿名函数,毫秒数)
setInterval(function() {
我们想去执行的代码
},毫秒数);
【功能】每隔所传参数的毫秒数,就调用一次所传参数的函数
【返回值】当前页面上对于定时器的唯一标识,定时器的ID

  1. window.onload = function() {
  2. var show() = function() {
  3. var i = 0;
  4. document.write(i++ +"<br/>");
  5. }
  6. var Btn = document.getelementById('btn');
  7. Btn.onclick = function() {
  8. setInterval(show(),1000)//给函数传参
  9. }
  10. }

clearInterval() 取消定时器

参数: 定时器的ID

  1. window.onload = function() {
  2. var show = function() {
  3. var i = 0;
  4. document.write(i++ +"<br/>");
  5. if(i == 5){
  6. clearInterval(show);
  7. }
  8. }
  9. var Btn = document.getelementById('btn');
  10. Btn.onclick = function() {
  11. setInterval(show(),1000)//给函数传参
  12. }
  13. }

innerHTML

标签间的所有内容
如果在innerHTML中包含标签,标签会被识别并且解析,呈现相应的效果

  1. var div1 = document.getElementById('div1');
  2. var btn = document.getElementById('btn');
  3. btn.onclick = function() {
  4. div1.innerHTML = 'HELLO WORLD'
  5. // div1.childNodes[0].innerHTML = 'HELLO'//更改div1下的第一个子元素的内容
  6. }