js学习-定时器的使用记忆碎片-网络技术分享

js学习-定时器的使用

2013.10.14 2102 人浏览留言

定时器-js获取当前时间

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定时器-js获取当前时间</title>
<script>
window.onload=function()
{
//个位数变十位数
function toDouble(n)
{
if(n<10)
{return '1'+n;}
else
{return ''+n;}
};
var aSpan=document.getElementsByTagName('span');
function tick()
{
//获取当前时间
var oDate=new Date();
var str=toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
for(var i=0;i<aSpan.length;i++)
{
//aSpan[i].innerHTML=str[i];//ie7不兼容
//str[i]与str.charAt(i)的区别
aSpan[i].innerHTML=str.charAt(i);
}
}
//定时器
setInterval(tick,1000)
tick();//去掉延迟
};
</script>
</head>
<body>
<span>0</span><span>0</span>
:
<span>0</span><span>0</span>
:
<span>0</span><span>0</span>
</body>
</html>

延时提示框