JS时钟

Posted XMLYS

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS时钟相关的知识,希望对你有一定的参考价值。

<html>
<head>
<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>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

  setTimeout(function,n)表示的是在n毫秒之后执行function这个方法或者是代码。技术分享

 

以上是关于JS时钟的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

JS制作一个创意数字时钟

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

通过Canvas + JS 实现简易时钟实战

js代码片段: utils/lcoalStorage/cookie