咨询电话:024-31891684

网站建设|注册|登录 | 易势大连分公司

沈阳网站设计,易势为您量身打造!

 

design frontier设计前沿当前位置:首页>主要服务>网站设计>设计前沿

setTimeout()方法

setTimeout()方法


setTimeout()方法表示每隔多少时间,循环调用某个函数执行。如果要每隔一秒钟调用函数disptime(),其语法格式如下。


语法
 

setTimeout("disptime()",1000);
其中,setTimeout为内置函数名。disptime()为被调用的自定义函数,并且是每隔1000豪秒就被调用一次。1000表示间隔的时间长短,
其单位为毫秒,1000毫秒等于1秒。
 

下面我们就一起来看一看时间的动态显示是怎样实现的
 

<HTML>
<HEAD>
<TITLE>setTimeout()方法</TITLE>
<script language="javascript">
function disptime ()
{
 var time=new Date();//获得当前时间
 
 var hour=time.getHours();
 var minute=time.getMinutes();
 var second=time.getSeconds();
 
 /*设置文本框的内容为当前时间*/
 document.myform.myclock.value=hour+":"+minute+":"+second+"";
 /*设置定时器每隔1秒(1000豪秒),调用函数disptime()执行,刷新时钟显示*/
 var myTime=setTimeout ("disptime()",1000);
 }
 </script>
    <style type="text/css">
 /*设置样式:无边框的文本框*/
 input {
    font-size:30px;
    border-style:none;
    background-color:#ff8b3b;
  }
  </style>
        </HEAD>
        <body onLoad="disptime()">
        <form name="myform">
        <table width="100%" border="0" align="center">
        <tr>
        <td colspan="3">
        <img src="imgages/mosou.jpg" width="1001" height="457">
        </td>
        </tr>
        <tr>
        <td width="37%">&nbsp;</td>
        <td width="41%"><h2>当前时间:
        <input name="myclock" type="text" value="" size="10">
        </h2>
        </td>
        <td width="22%">&nbsp;</td>
        </tr>
        </table>
        </form>
        </body>
        </HTML>
 

 时钟会随着当前时间的改变而不断的跳动,从而实现不断地动态显示。

 

上一条资讯|返回栏目页|下一条资讯

我们可以不赚钱,也一定要将网站设计好!这就是易势网站设计师存在于沈阳网站设计行业的意义!

top

网络策划公司|新浪官方微博|大连网站建设