setInterval
setInterval() 方法调用函数或以指定的间隔(以毫秒为单位)来计算表达式。
它将持续调用该函数,直到调用 clearInterval() 或窗口关闭。
function myAlert() { alert("你好 世界"); } setInterval(myAlert, 3000); // 每个 3 秒执行一次 myAlert
提示: 将函数的名称传递给 setInterval 方法时,不带圆括号。
setInterval( ,);
Date 对象
日期对象用于处理日期和时间。
日期由 年,月,日,时,分,秒和毫秒组成。
使用 new Date() , 将创建一个存储当前日期和时间的日期对象。
var d = new Date(); //d 存储了当前的日期和时间
初始化日期的其他方法允许从指定的日期和时间创建新的日期对象。
new Date(milliseconds) // 毫秒 new Date(dateString) // 日期字符串 new Date(year, month, day, hours, minutes, seconds, milliseconds) //年,月,日,时,分,秒和毫秒
提示: JavaScript日期以1970年01月01日00:00:00世界时(UTC)计算。一天包含 86400000 毫秒。
//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 对象时,有很多方法可以对它进行操作。
例如:
var d = new Date(); var hours = d.getHours(); //hours 等于当前的小时数值
让我们来写一个程序,每秒打印一次当前浏览器的时间:
<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();