|
● 在网页中即时显示目前的时间
在上一章教程中，我们已经学会在网页欢迎对话盒中加入今天的日期，相信你对于日期和时间的程式用法已有初步的概念。现在，我们要为你的网页设计一个简单的数字钟，并让它具有自动更新一次的功能，而学会基本语法和概念后，你就可以依自己的需求做出想要的数字钟了。
使用这个程式设计的效果如图片所示，文字方框中的时间会如同数字钟般，每秒自动更新一次，显现出动态时间的效果。
先复制以下这段程式码内容。
<script language="JavaScript">
<!--
var hour,min,sec
function showclock(){
now=new Date()
hour=now.getHours()
if(hour<=9) hour="0"+hour
min=now.getMinutes()
if(min<=9) min="0"+min
sec=now.getSeconds()
if(sec<=9) sec="0"+sec
document.clock.time.value="現在時間是"+hour+":"+min+":"+sec
setTimeout("showclock()",1000)
}
//-->
</script>
接着切换至FrontPage 2000[HTML]活页标签，将文字输入游标|移至<head>和</head>标签之间，按下功能表上的[编辑]，点选[贴上]，将程式复制到这个位置上。
接着将<body>标签修改成<body onload="showclock()">，然后在<body
onload="showclock()">标签中加入表单的HTML标签，整个程式就完成了。
注释： 将<body>标签修改为<body
onload="showclock( )">，其意思表示载入网页时，便执行[showclock()]函式。
|
回到首页
