制作钟表效果

Posted yaomengli

tags:

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

<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()\',1000)
}

function checkTime(i)
{
if (i<10)
{i=\'0\'+i}
return i
}
</script>
</head>

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

 

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

WPF钟表效果实现

动态指针时钟:利用pyqt5制作指针钟表显示实时时间

用CSS3制作50个超棒动画效果教程

egret 示例实战六:利用Timer定时器,实现钟表秒针行走效果

cs3完成的钟表

Flutter-自定义之钟表