1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。<html><head><title媪青怍牙>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>
![Javascript脚本特效示例：[30]Form栏全时钟](https://exp-picture.cdn.bcebos.com/f11f54237971fe1d925528adea20a7cd0d6ee020.jpg)
![Javascript脚本特效示例：[30]Form栏全时钟](https://exp-picture.cdn.bcebos.com/a68c126efbf202b37e5aa9cf30f4da5873dadb20.jpg)
2、第一步:把如下代码加入<body>区域中<script language屏顿幂垂="JavaScript媪青怍牙"><!-- Hide var timerID = null var timerRunning = false function MakeArray(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false } function showtime () { var now = new Date(); var year = now.getYear(); var month = now.getMonth() + 1; var date = now.getDate(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var day = now.getDay(); Day = new MakeArray(7); Day[0]="星期天"; Day[1]="星期一"; Day[2]="星期二"; Day[3]="星期三"; Day[4]="星期四"; Day[5]="星期五"; Day[6]="星期六"; var timeValue = ""; timeValue += year + "年"; timeValue += ((month < 10) ? "0" : "") + month + "月"; timeValue += date + "日 "; timeValue += (Day[day]) + " "; timeValue += ((hours <= 12) ? hours : hours - 12); timeValue += ((minutes < 10) ? ":0" : ":") + minutes; timeValue += ((seconds < 10) ? ":0" : ":") + seconds; timeValue += (hours < 12) ? "上午" : "下午"; document.jsfrm.face.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true } function startclock () { stopclock(); showtime() } //--></script><form name='jsfrm'> <input type=text name='face' size=34 value=''> </form>
3、第二步:把<body>中的内容改了,并重名文档为HTML文件<body bgcolor="#fef4d9" onLoad="startclock()">
4、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到Form栏特全时钟特效，今天的时间是2014.5.5,如下图
![Javascript脚本特效示例：[30]Form栏全时钟](https://exp-picture.cdn.bcebos.com/739bc049610f8b56be891edc9ce951e10ff8d320.jpg)
![Javascript脚本特效示例：[30]Form栏全时钟](https://exp-picture.cdn.bcebos.com/0fb94656d53da824c364fc66306651598440cb20.jpg)