javascript date常用示例分享

本文为大家讲解的是js中的date使用方法，包括创建日期对象，把日间字符串转换为毫秒数等，感兴趣的同学参考下。 js中的Date类型是使用UTC（国际协调时间）自1970年1月1日午夜（零时）开始，经过的毫秒数来保存日期

本文为大家讲解的是js中的date使用方法，包括创建日期对象，把日间字符串转换为毫秒数等，感兴趣的同学参考下。

js中的Date类型是使用UTC（国际协调时间）自1970年1月1日午夜（零时）开始，经过的毫秒数来保存日期。

1. 创建日期对象  
---> 获得当前日期和时间  var now = new Date();
--->基于制定的日期和时间创建  var date = new Date(year,month,day,hour,minute,second);

需要注意的就是，Date.prototype中的方法都是基于UTC时间的，所以这些方法中month（0-11）、day（1-31）、星期几（0表示星期日，6表示星期六）、hour（0-23）、minute（0-59）、second（0-59）。

2.方法   Date.parse()、Date.UTC()----将日期字符串解析为毫秒数的方法；

Date.now()----返回调用这个方法时的日期和时间的毫秒数；

toDateString()/toTimeString()/toLocaleDateString()/toLocaleTimeString()/toUTCString()----将日期格式化为特定字符串的方法。

Date类型的方法（mdn）：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

找两个题目练练手：

Q.1    实时显示当前时间
function timer(){
    var now = new Date();
    var time = document.getElementById('timer');
    var text = now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日'+now.getHours()+'时'+now.getMinutes()+'分'+now.getSeconds()+'秒';
    time.innerHTML = text;
}
setInterval(timer,1000);

使用setTimeout()实现相同的计时效果（在执行时间上会有问题）：

function showTime(){
   var time = new Date();
   console.log(time.toString());
   setTimeout(showTime,1000);
}

showTime();

Q.2   实现XX年还剩多少天

function remainTimer(){
  var now = new Date();
  var year = now.getFullYear();
  var total = new Date(year,11,31,23,59,59);
  //这一年中还剩下的秒数
  var remain = (total-now)/1000;
  var day = Math.floor(remain/(60*60*24)),
      hour = Math.floor(remain%(60*60*24)/(60*60)),
      minute = Math.floor(remain%(60*60*24)%(60*60)/60),
      second = Math.floor(remain%(60*60*24)%(60*60)%60);
   var text = year+'年还剩'+day+'天'+hour+'小时'+minute+'分钟'+second+'秒';
   var time = document.getElementById('timer');
   time.innerHTML = text;            
}
setInterval(remainTimer,1000);