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脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1edea233918d981fceecd2d90f47.jpg)
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/125ed0ecd3d96975ae2bdd2dd243040149fe0947.jpg)
2、把如下代码加入<body>区域中,并重名文觇致惯鸹档为HTML文件<script LANGUAGE="JavaScript"><!-- Begin颊俄岿髭day = new Date();miVisit = day.getTime();function clock() {today = new Date();hrNow = today.getHours();mnNow = today.getMinutes(); scNow = today.getSeconds();miNow = today.getTime();if (hrNow == 0) {hour = 12;ap = "A";} else if(hrNow <= 11) {ap = "A";hour = hrNow;} else if(hrNow == 12) {ap = "P";hour = 12;} else if (hrNow >= 13) {hour = (hrNow - 12);ap = "P";}if (hrNow >= 13) {hour = hrNow - 12;}if (mnNow <= 9) {min = "0" + mnNow;}else (min = mnNow)if (scNow <= 9) {secs = "0" + scNow;} else {secs = scNow;}time = hour + ":" + min + ":" + secs + ap;document.form.button.value = time;setTimeout('clock()', 1000);}function timeInfo() {milliSince = miNow;milliNow = miNow - miVisit;secsVisit = Math.round(milliNow / 1000);minsVisit = (milliNow / 1000) / 60;alert("给你提个醒： "+ "你已经在本页面上停留了大约" + minsVisit + "分或"+ secsVisit + "秒");}document.write("<left><form name=\"form\">"+ "<input type=button value=\"Click for info!\""+ " name=button onClick=\"timeInfo()\"></form></left>");onError = null;clock();// End --></script>
3、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到时间按钮提醒特效，如下图
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/58021a0148fe1e423f843565c2299a8838130347.jpg)
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/3852f6e5eceeadbcd4c076c4cd18dfdae53b7b47.jpg)
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/de9bfa3b3b8602213eb8a2e2d8bbf82065fb7247.jpg)
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/f9617afb960b31217d8e3517dee983aee9d76d47.jpg)
![Javascript脚本特效示例：[36]时间按钮提醒](https://exp-picture.cdn.bcebos.com/82eff6d7592ae3ef9f97258554b6326c56666447.jpg)