Javascript脚本特效示例：[30]Form栏全时钟

2025-11-02 08:51:15

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脚本特效示例：[30]Form栏全时钟

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

<!-- Hide

var timerID = null

var timerRunning = false

function MakeArray(size)

{

this.length = size;

for(var i = 1; i <= size; i++)

{

this[i] = "";

}

return this;

}

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning = false

}

function showtime () {

var now = new Date();

var year = now.getYear();

var month = now.getMonth() + 1;

var date = now.getDate();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds();

var day = now.getDay();

Day = new MakeArray(7);

Day[0]="星期天";

Day[1]="星期一";

Day[2]="星期二";

Day[3]="星期三";

Day[4]="星期四";

Day[5]="星期五";

Day[6]="星期六";

var timeValue = "";

timeValue += year + "年";

timeValue += ((month < 10) ? "0" : "") + month + "月";

timeValue += date + "日 ";

timeValue += (Day[day]) + " ";

timeValue += ((hours <= 12) ? hours : hours - 12);

timeValue += ((minutes < 10) ? ":0" : ":") + minutes;

timeValue += ((seconds < 10) ? ":0" : ":") + seconds;

timeValue += (hours < 12) ? "上午" : "下午";

document.jsfrm.face.value = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true

}

function startclock () {

stopclock();

showtime()

}

//-->

</script>

</form>

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

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

Javascript脚本特效示例：[30]Form栏全时钟

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