1在記事本里面輸入如下代碼
2把記事本保存格式爲xx.html
3打開即可瀏覽效果
<span style="font-size:18px;"><html>
<title>顯示時間</title>
<script language="javascript">
function showtime()//創建函數
{
var now_time=new Date();//創建時間對象的實例
var hours=now_time.getHours();//獲得當前小時數
var minutes=now_time.getMinutes();//獲得當前分鐘數
var seconds=now_time.getSeconds();//獲得當前秒數
var timer=" "+((hours>12)?hours-12:hours);//將小時數值賦予變量timer
timer+=((minutes<10)?":0":":")+minutes;//將分鐘數數值賦予變量timer
timer+=((seconds<10)?":0":":")+seconds;//將秒數值賦予變量timer
timer+=" "+((hours>12)?"pm":"am");//將字符am或pm賦予變量timer
document.clock.show.value=timer;//在名爲clock的表單中輸出變量timer的值
setTimeout("showtime()",1000);//設置每一秒鐘自動調用一次showtime()函數
}
</script>
<body onLoad="showtime()">
<form name="clock" onSubmit="0">
<input type="text" name="show" size="10" style="background-color:lightyellow;
border-width:3;">
</form>
</body>
</html>
</span>