javascript定时器（上）

　　（一）、setInterval 间隔性

function show(){
    alert(‘a’);
}
setInterval(show,1000); 

每隔1000毫秒（1秒）执行一次show这个函数；在这边是每隔一秒弹出一个a;无限执行；

　　（二）、setTimeout延时性

function show(){
    alert(‘a’);
}
setTimeout(show,1000); 

第一秒出现a。之后没有了；只执行一次；

setInterval与setTimeout的区别就是前者无限执行，后者只执行一次；

　　（三）、定时器开启和关闭

　　（四）、getHours(), getMinutes() 以及 getSeconds();

getHours() 方法可返回时间的小时字段。

1 2	`var` `date =` `new` `Date();` `//new是用来创建对象的` `alert(date.getHours());`

弹出的值正是现在当前的小时的数值；同理可得分，妙；

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>javascript 简易时钟</title>
</head>
<body>
<input id="text" type = "text" value = "1" style="width: 250px"/>
</body>
</html>

function show(){
var date = new Date();  //new是用来创建对象的
var text = document.getElementById("text");  //获取id为text然后赋值给text；
    text.value = date;                                //text的value 为date;如果HTML里面是div，那么此处为text.innerHTML = date;     
}
setInterval("show()" ,1000);                   

文本框里面的值为Fri Mar 20 2015 22:08:05 GMT+0800；

如果想要只显示时间，那么看下面的代码，HTML里面的代码跟上面一样；

var btn1 = document.getElementById("btn1");
function show(){
var date = new Date();  //new是用来创建对象的
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var str = hours +':'+minutes+':'+seconds;
var text = document.getElementById("text");
    text.innerHTML = str;       //如果是div,此处为text.innerHTML；如果是input，此处为text.value
}
setInterval("show()",1000);

以上是setInterval写，那么setTimeout也可以写

var btn1 = document.getElementById("btn1");
function show(){
var date = new Date();  //new是用来创建对象的
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var str = hours +':'+minutes+':'+seconds;
var text = document.getElementById("text");
    text.value = str;
    setTimeout("show()" ,1000);
}
show();