Javascript脚本特效示例:[28]Form中的时钟

2025-05-16 18:17:07

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脚本特效示例:[28]Form中的时钟
Javascript脚本特效示例:[28]Form中的时钟

2、第一步:把如下代码加入<body>区域中<script language屏顿幂垂="JavaScript媪青怍牙"><!--var timerID = nullvar timerRunning = falsefunction stopclock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false}function startclock(){ stopclock() showtime()}function showtime(){ var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds if (hours>=6 && hours<=12) {timeValue += ("上午")} if(hours>12 && hours<=18) {timeValue += ("下午")} if(hours>18 && hours <=24) {timeValue +=("晚上")} if(hours<6) {timeValue += ("深夜")} document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true}//--></script><form method="POST" name="clock"> <p> <input type="text" name="face" size="11" style="font-size: 9pt"> </p> </form>

3、第二步:把<body>区域改为,并重名文档为HTML文件<body bgcolor="#fef4d9" onLoad="startclock();">

4、用IE浏览器打开晓博JavaScript特效测试.html文件,关闭网页,可以看到Form中的时钟特效,今天的时间是2014.5.4,如下图

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