js中关于定时器与获取时间方法和案例（22）

                             JavaScript定时器有以下两个方法：

setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setInterval()函数用法如下：

setInterval() ("调用函数","周期性执行或调用code之间的时间间隔")，

function hello(){ alert("hello"); }
重复执行某个方法： 

var t1= window.setInterval("hello()",3000);

去掉定时器的方法
window.clearInterval(t1);

setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

setTimeout()函数用法如：setTimeout("调用函数","在执行代码前需等待的毫秒数。")

只执行一次，3 秒后显示一个弹窗:var t=setTimeout(function(){alert("Hello")},3000)

实现循环调用需要把setTimeout定时器函数写在被调用函数里面。如下：

function show(){ 

alert("Hello");

var myTime = setTimeout("show()",1000);

}

关闭定时器的用法：clearTimeout(myTime);

其中，myTime为setTimeout()函数返回的定时器对象。

返回星期方法

getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下:

更简便的方法输出今天是星期几

 

Date 日期对象

日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。

定义一个时间对象 :

var Udate=new Date();

注意:使用关键字new，Date()的首字母必须大写。 

使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。

如果要自定义初始值，可以用以下方法：

var d = new Date(2012, 10, 1);  //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日

我们最好使用下面介绍的“方法”来严格定义时间。

访问方法语法：“<日期对象>.<方法>”

Date对象中处理时间和日期的常用方法：

 

生日倒计时

3.     
4.         "UTF-8">
5.         
6.         
7.     
8.     
9.         "date">

        "JavaScript">

            var urodz = new Date("12/16/2020");

            var s = "今天离我的生日2020.12.16";

            var now = new Date();   

            var ile = urodz.getTime() - now.getTime();

            var dni = Math.floor(ile / (1000 * 60 * 60 * 24));

            var datashow = document.getElementById("date");

            if (dni > 1)

                datashow.innerHTML = s + "
还有" + dni + "天";

            else

                datashow.innerHTML = s + "生日好像已经过去了";

        

    

 

 

 

注意：JavaScript getTime() 方法 JavaScript Date 对象

实例

返回距 1970 年 1 月 1 日之间的毫秒数：

var d = new Date();
var n = d.getTime();

n 输出结果:

1588159318399

尝试一下 »

 

 

定义和用法

getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。

 

浏览器支持

 

所有主要浏览器都支持 getTime() 方法

 

语法

Date.getTime()

返回值

类型	描述
Number	指定的日期和时间距 1970 年 1 月 1 日午夜（GMT 时间）之间的毫秒数。

技术细节

JavaScript 版本：

1.0

 

 

更多实例

实例

在下面的例子中，我们将计算出从 1970/01/01 至今有多少年：

var minutes=1000*60;
var hours=minutes*60;
var days=hours*24;
var years=days*365;
var d=new Date();
var t=d.getTime();
var y=Math.round(t/years);

y 输出结果:

50

 

 

 

运行的闹钟

2.     
3.         "utf-8">
4.         
5.         "text/css">
6.             /*设置样式：无边框的文本框*/
7.             input,
8.             #clock {
9.                 width: 390;
10.                 font-size: 30px;
11.                 font-weight: 900;
12.                 color: #FFFFFF;
13.                 background-color: #930;
14.                 border: 8px double #900;
15.  
16.             }
17.         
18.  
19.     
20.     "disptime( ) ">
21.         "myform">
22.             "myclock" type="text" value="" size="20">
23.         
24.         "clock">
25.  
26.         "JavaScript">
27.             function disptime() {
28.                 var time = new Date(); //获得当前时间
29.                 var year = time.getFullYear(); //获得年月日
30.                 var month = time.getMonth(); //获得年月日
31.                 var date = time.getDate(); //获得年月日
32.                 var hour = time.getHours(); //获得小时、分钟、秒
33.                 var minute = time.getMinutes();
34.                 var second = time.getSeconds();
35.                 if (minute < 10) //如果分钟只有1位，补0显示
36.                     minute = "0" + minute;
37.                 if (second < 10) //如果秒数只有1位，补0显示
38.                     second = "0" + second;
39.                 /*设置文本框的内容为当前时间*/
40.                 document.getElementById('clock').innerHTML = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" +
41.                     second
42.                 document.myform.myclock.value = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" + second
43.                 /*设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示*/
44.                 var myTime = setTimeout("disptime()", 1000);
45.  
46.             }
47.         
48.     

49.  

 

考试倒计时案例