Javascript脚本特效示例：[36]时间按钮提醒

2025-11-02 19:13:48

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

<html>

<head>

<title>晓博JavaScript特效测试</title>

</head>

<body>

<ul>

<li><a href="#">七夕节传说</a></li>

<li><a href="#">七夕节习俗</a></li>

<li><a href="#">七夕节寄语</a></li>

</ul>

</div>

</body>

</html>

Javascript脚本特效示例：[36]时间按钮提醒

2、把如下代码加入<body>区域中,并重名文档为HTML文件

<!-- 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]时间按钮提醒

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。