(一)、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() 方法可返回时间的小时字段。
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=" 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();
可以查看这个链接http://www.heishou.com.cn,交流论坛