date对象，定时器

2021/5/22 18:57:03

编程Tag： 对象定时器 input 返回设置 Date 1000

本文主要是介绍date对象，定时器，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

Date 对象方法

方法	描述
Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()	返回该对象的源代码。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	请使用 toUTCString() 方法代替。
valueOf()	返回 Date 对象的原始值。

2.js定时器两个定时器全局对象window上的方法，内部函数this指向window

setInterval定时循环器

setInterval(function(){   -->每个1000毫秒执行一次
   console.log('a');
},1000)                 -->如果1000是个变量time   他不会随着time的改变而改变，内容只识别一次


清除定时器 clearInterval();
var i = 0;
var timer = setInterval(function(){
     console.log(i++); 
     if(i>10){
       clearInterval(timer);   -->如果没有返回值可以把timer直接写成1,因为他固定返回1
     }
  },1000)

setTimeout定时器

setTimeout(function(){    -->1000毫秒之后才开始运行，只执行一次
   console.log('a');
},1000)                   -->想要停止利用clearTimeout(timer)  --跟上一个图的用法一样

两个定时器都可以以另一种形式展现，不过一般不用，一般采用第一种

setInterval("console.log(''a)",1000);   -->里面字符串会被当成js代码执行，意思是每隔1000毫秒执行一次

3.练习题写一个计时器，三分钟停止

var input = document.getElementsByTagName('input');
var i=0;
 setInterval(function(){
    input[1].value++;
   if(input[1].value==60)
   {
       input[1].value=0;
       input[0].value++;
   }
   if(input[0].value==3)
   {
      clearInterval(1);
   }
 },60)

 minutes:<input type="text" value="0">
 seconds:<input type="text" value="0">

input{
  border:1px solid rgba(0,0,0,0.8);
  text-align: right;
  font-size:15px;
  font-weight:bold;
}

这篇关于date对象，定时器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

date对象，定时器

Date 对象方法

相关编程文章