Javascript脚本特效示例:[32]日期显示
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脚本特效示例:[32]日期显示](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb63436ebb092b74ee1d324e78.jpg)
![Javascript脚本特效示例:[32]日期显示](https://exp-picture.cdn.bcebos.com/75af02324b18512c1015e913ad334884cce34978.jpg)
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件
<script LANGUAGE="JavaScript">
<!-- Begin
Stamp = new Date();
document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>');
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " P.M.";
}
else {
Time = " A.M.";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}
document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');
// End
// --></script>
3、用IE浏览器打开晓博JavaScript特效测试.html文件,可以看到特酷的日期显示特效,今天的时间是2014.5.6,如下图
![Javascript脚本特效示例:[32]日期显示](https://exp-picture.cdn.bcebos.com/27725684cde34b2cf40a4acb0d0e7c75e4f44378.jpg)
![Javascript脚本特效示例:[32]日期显示](https://exp-picture.cdn.bcebos.com/874f6275e5f4fcf546e90b7a21d7726b0de2bd78.jpg)
![Javascript脚本特效示例:[32]日期显示](https://exp-picture.cdn.bcebos.com/0da37be7340f6478a4c78f0dfd3e21c2bad6b578.jpg)