time object_php.cn趣课

setInterval

setInterval

setInterval() 方法调用函数或以指定的间隔（以毫秒为单位）来计算表达式。

它将持续调用该函数，直到调用 clearInterval() 或窗口关闭。

1

2

3

4

function myAlert() {
   alert("你好 世界");
}
setInterval(myAlert, 3000); // 每个 3 秒执行一次 myAlert

提示: 将函数的名称传递给 setInterval 方法时，不带圆括号。

填空，每隔2秒钟调用函数“calc()”：

setInterval( ,);

Date 对象

Date 对象

日期对象用于处理日期和时间。

日期由年，月，日，时，分，秒和毫秒组成。

使用 new Date() , 将创建一个存储当前日期和时间的日期对象。

1 2	`var` `d =` `new` `Date();` `//d 存储了当前的日期和时间`

初始化日期的其他方法允许从指定的日期和时间创建新的日期对象。

1

2

3

new Date(milliseconds) // 毫秒
new Date(dateString) // 日期字符串
new Date(year, month, day, hours, minutes, seconds, milliseconds) //年，月，日，时，分，秒和毫秒

提示: JavaScript日期以1970年01月01日00:00:00世界时（UTC）计算。一天包含 86400000 毫秒。

1

2

3

4

5

6

//Fri Jan 02 1970 08:00:00 GMT+0800 (中国标准时间)
var d1 = new Date(86400000); 
//Thu Oct 19 2017 15:56:00 GMT+0800 (中国标准时间)
var d2 = new Date("October 19, 2017 15:56:00");
//Sat Jun 11 1988 11:42:00 GMT+0800 (中国标准时间)
var d3 = new Date(88,5,11,11,42,0,0);

提示: JavaScript计数从0到11的月份。1月是0，12月是11。
日期对象是静态的，而不是动态的。计算机时间正在往前走，但是日期对象一旦创建，日期就不会改变。

创建日期对象会产生什么信息？

当前的日期和时间

托管网页的日期

一个空字符串

Date 方法

Date 方法

当创建一个Date 对象时，有很多方法可以对它进行操作。

例如:

1

2

3

var d = new Date();
var hours = d.getHours();
//hours 等于当前的小时数值

让我们来写一个程序,每秒打印一次当前浏览器的时间:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>
<head>
</head>
<body>
<script>
function printTime() {
  var d = new Date();
  var hours = d.getHours();
  var mins = d.getMinutes();
  var secs = d.getSeconds();
  document.body.innerHTML = hours+":"+mins+":"+secs;
}
setInterval(printTime, 1000); // setInterval 第二个参数单位是 毫秒
</script>
</body>
</html>

我们定义了一个 printTime 函数,通过 new Date() 生成当前时间的对象,然后通过 getHours(),getMinutes(),getSeconds() 获取到当前的时,分,秒,并打印出来.

通过 setInterval 每隔 1秒执行一次 printTime 函数

提示: innerHTML 属性设置或返回元素的HTML内容。在我们的例子中，我们正在改变我们文档体的HTML内容。这将每秒覆盖内容，而不是重复打印到屏幕。

填空，以初始化表示当前日期和时间的日期对象：

date = Date();

1/6