美文网首页
JavaScript时钟显示

JavaScript时钟显示

作者: 呆呆滴木木菇凉 | 来源:发表于2017-02-21 16:54 被阅读0次
<!DOCTYPE html>
<html>
<head>
    <title>时钟显示</title>
</head>
<body onload="startTime()">
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
<div id="txt"></div>
</body>
</html>

相关文章

网友评论

      本文标题:JavaScript时钟显示

      本文链接:https://www.haomeiwen.com/subject/hoyuwttx.html