Javascript脚本特效示例:[32]日期显示

2025-11-01 10:58:35

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]日期显示

Javascript脚本特效示例:[32]日期显示

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]日期显示

Javascript脚本特效示例:[32]日期显示

Javascript脚本特效示例:[32]日期显示

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