码迷,mamicode.com
首页 > Web开发 > 详细

js 计时器

时间:2017-05-23 11:16:07      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:settime   html   function   注意   display   tle   get   doc   set   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body onload="startime()">
<div id="div" style="border: 1px solid royalblue;floating:left; margin:0 auto; display:inline;"></div>
<script>

//var date=new Date();
// document.write(date);
//document.write(date.getFullYear());//输出的是年份
//document.write(date.getDay());//输出的是具体的星期几
//document.write(date.getTime());//输出的是一个时间戳
//date.setFullYear(2011,2,3);//自己设置了时间
//document.write(date);
function startime(){
var t=new Date();//创建一个date的对象,才可以引用相关的date
var h=t.getHours();
var m=t.getMinutes();
var s=t.getSeconds();
m=checktime(m);
s=checktime(s);
document.getElementById("div").innerHTML=h + ‘:‘+ m + ‘:‘+ s;

t=setTimeout("startime()",1000 );//注意一下函数的的参数的使用,第一个参数是要加上引号的,这里呢重新调用了原来的函数,实现了刷新的功能
//第二个参数是表示刷新的时间,1000表示的是1秒
}
function checktime(i) {//这里只是为了美观一点 ,在个位数的面前,将数字的显示+一个0
if(i<10)
{
i="0"+i;
}
return i;
}
</script>
</body>
</html>

js 计时器

标签:settime   html   function   注意   display   tle   get   doc   set   

原文地址:http://www.cnblogs.com/chung-shu/p/6892979.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!