Javascript脚本特效示例:[29]可开关Form时钟

2025-11-01 10:42:30

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脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件

<script language="JavaScript">

var enabled=0;    

function TOfunc() {       

TO = window.setTimeout( "TOfunc()", 1000 

);       

var today = new Date();   

document.clock.disp.value = 

today.toLocaleString();

}

</script>

                  <form name="clock">

                    <input type="text" name="disp" value="" size=20 

onFocus="this.blur()" >

                    <br>

                    <input type="radio" name="rad" value="off"  

onClick="

  if( enabled==1 ) 

    {

     document.clock.disp.value='';

     clearTimeout( TO ); 

     enabled = 0;

     }

   " checked>

                    关<font color="#FFFF99"> </font> 

                    <input type="radio" name="rad" value="on"  

onClick="

     if( enabled == 0 ) {

        var TO = setTimeout( 'TOfunc()', 1000 );

        enabled = 1;     }" >

                    开<font color="#FFFF99"> </font> 

                  </form>

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

Javascript脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

Javascript脚本特效示例:[29]可开关Form时钟

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