Javascript脚本特效示例：[34]全日制时钟

2025-11-02 03:32:10

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脚本特效示例：[34]全日制时钟

2、第一步:把如下代码加入<body>区域中

function showMilitaryTime()

{

if (document.form.showMilitary[0].checked)

{

return true;

}

return false;

}

function showTheHours(theHour)

{

if (showMilitaryTime() || (theHour > 0 && theHour < 13))

{

if (theHour == "0") theHour = 12;

return (theHour);

}

if (theHour == 0)

{

return (12);

}

return (theHour-12);

}

function showZeroFilled(inValue)

{

if (inValue > 9)

{

return "" + inValue;

}

return "0" + inValue;

}

function showAmPm()

{

if (showMilitaryTime())

{

return ("");

}

if (now.getHours() < 12)

{

return (" am");

}

return (" pm");

}

function showTheTime()

{

now = new Date

document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm()

setTimeout("showTheTime()",1000)

}

</script>

<INPUT CHECKED name=showMilitary type=radio>Military Time<BR><INPUT

name=showMilitary type=radio Unchecked> 12 Hour Time </FORM>

3、第二步:把<body>中的内容改了,并重名文档为HTML文件

4、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到全日制时钟特效,如下图

Javascript脚本特效示例：[34]全日制时钟

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