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

2025-11-13 16:53:30

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

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

<!--

var timerID = null

var timerRunning = false

function 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>

3、第二步：把<body>区域改为,并重名文档为HTML文件

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

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

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