使用计时制作的小钟表

一款用计时制作的小钟表,刷新不重置数据!不用下载脚本,直接把源码复制过去用就可以!

不说了,直接上干货:

1.时分秒的小钟表

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()

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" style="margin-left: 200px;margin-top: 200px;font-size: 38px;"></div>
</body>
</html>

2.年月日时分秒的小钟表


<html>
<head>
<meta charset="UTF-8">
<title>time</title>

</head>
<body onload="statrtime()">
<script>
function statrtime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
m=checkme(m);
var s=today.getSeconds();
s=checkme(s);
var y=today.getFullYear();
var mth=today.getMonth()+1;
var d=today.getDate();
d=checkme(d);
t=setTimeout('statrtime()',1000);

function checkme(i){
if(i<10)
{
i='0'+i;
}
return i;
}
$('#time').html(y+':'+mth+':'+d+' '+h+':'+m+':'+s);

}
</script>
<p id="time"></p>
</body>
</html>

以上代码直接拖过去用,记得加上自己的jquery类库!调用别人的类库访问很慢!用自己本地的比较好(个人感觉)!

猜你喜欢

转载自www.cnblogs.com/houtoug/p/10045883.html