1. 程式人生 > >使用計時製作的小鐘表

使用計時製作的小鐘表

一款用計時製作的小鐘表,重新整理不重置資料!不用下載指令碼,直接把原始碼複製過去用就可以!

不說了,直接上乾貨:

 

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類庫!呼叫別人的類庫訪問很慢!用自己本地的比較好(個人感覺)!