【javascript】Date 对象、定时器

var date = new Date();

Date方法

  Date()              返回当日的日期和时间

  date.getDate()              返回一个月中的某一天  1~31

  date.getDay()                  返回一周中的某一天   0~6

  date.getMonth()              返回月份  0~11

  date.getFullYear()           以四位数返回年份

  date.getHours()              返回小时 0~23

  date.getMinutes()           返回分钟  0~59

  date.getSeconds()          返回秒数   0~59

  date.getMilliseconds()    返回毫数 0~999

  date.getTime()              时间戳,返回1970年1月1日至今的毫秒数

    作用:可以帮我们求时间差

     var firstTime = new Date().getTime();

     for(var i =  0; i < 100000000; i ++) { }

     var lastTime = new Date().getTime();

     console.log(lastTime - firstTime);

 

  date.setDate()                   设置一个月中的某一天  1~31

  date.setDay()               返回一周中的某一天   0~6

  date.setMonth()           设置月份  0~11

  date.setFullYear()        设置(四位数字)年份

  date.setHours()           设置小时 0~23

  date.setMinutes()        设置分钟  0~59

  date.setSeconds()       设置秒数   0~59

  date.setMilliseconds()      设置毫秒数 0~999

  date.setTime()            以毫秒设置Date对象

 

定时器

1、var timer = setInterval(function() {}, time);

  timer 为唯一标识,为 1,2 ,3 ...

       用于清除定时器 clearInterval(timer)

2、var timer = setTimeout(function() {}, time);

  timer 为唯一标识,为 1,2 ,3 ...

       用于清除定时器 clearTimeout(timer)

3、例子:定时计时器

分:<input type="text" value="0"/>
秒:<input type="text" value="0" />
<script type="text/javascript">   var minutes = document.getElementsByTagName('input')[0];   var seconds = document.getElementsByTagName('input')[1];   var timer = setInterval(function () {     seconds.value ++;     if (seconds.value == 60){       seconds.value = 0;       minutes.value ++;     }     if(minutes.value == 3) {       clearInterval(timer);     }  }, 10); </script>

 

posted @ 2020-02-08 19:29  shumeihh  阅读(244)  评论(0编辑  收藏  举报