js实现动态显示本地时间,js中的setInterval和setT
分类:美高梅游戏官网网站

code是要调用的函数,millisec为周期,以毫秒来计算时间

您可能感兴趣的文章:

  • Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
  • Js中setTimeout()和setInterval() 何时被调用执行的用法
  • JS中setTimeout()的用法详解
  • JS中setInterval、setTimeout不能传递带参数的函数的解决方案
  • js setTimeout opener的用法示例详解
  • JS小功能(setInterval实现图片效果显示时间)实例代码
  • setinterval()与clearInterval()JS函数的调用方法
  • js中setTimeout()与clearTimeout()用法实例浅析
  • JavaScript中SetInterval与setTimeout的用法详解

**setTimeout(code,millisec)
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数,以毫秒计。

浅谈js的setInterval事件,浅谈jssetinterval

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setinterval()用法

setInterval(code,millisec[,"lang"])

后面就两个参数code是你的js代码,millisec为时间间隔,以毫秒计

复制代码 代码如下:

<body>
   <div id="content"  style="position:relative; height:1000px; width:1000px; background-color:#666;">
    <div id="one" style="position:absolute;top:0px; left:0px; height:100px; width:100px; background-color:red;"></div>
    </div>
        <script>
          var one=document.getElementById('one')
          var x=0;
          var y=0;
          var xs=10;
          var ys=10;
          function scroll(){
              x+=xs;
              y+=ys;
              if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)
              {
                  xs=-1*xs;
              }
            if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)
              {
                  ys=-1*ys;
              }
              one.style.left=x;
              one.style.top=y;
          }
          dt=setInterval(scroll,100);
          one.onmouseover=function(){
          clearInterval(dt);   
          };
          one.onmouseout=function(){
          dt=setInterval(scroll,100);
          };
        </script>
</body>

下面举一个简单的例子。

例1

复制代码 代码如下:

function show(){ trace("每隔一秒我就会显示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);

例2

复制代码 代码如下:

<form>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock(){var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<div id="clock"></div>
<button onclick="int=window.clearInterval(int)">Stop interval</button>

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 I...

不知道setInterval 是什么意思,所以百度了下。

function show(){ trace("每隔一秒我就会显示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);

对于这两个方法,需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout。

您可能感兴趣的文章:

  • 纯JS实现动态时间显示代码
  • 基于javascript实现动态显示当前系统时间
  • JS动态获取当前时间,并写到特定的区域
  • js显示动态时间的方法详解
  • 纯js实现动态时间显示
  • JS动态日期时间的获取方法
  • javascript页面动态显示时间变化示例代码
  • JS实现日期时间动态显示的方法
  • js实现动态显示时间效果
  • JavaScript实现同步于本地时间的动态时间显示方法
  • JS实现HTML页面中动态显示当前时间完整示例

复制代码 代码如下:

setTimeout() 定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

后面就两个参数code是你的js代码,millisec为时间间隔,以毫秒计

复制代码 代码如下:

w3school 提供的方法为:

<body>
   <div id="content"  style="position:relative; height:1000px; width:1000px; background-color:#666;">
    <div id="one" style="position:absolute;top:0px; left:0px; height:100px; width:100px; background-color:red;"></div>
    </div>
        <script>
          var one=document.getElementById('one')
          var x=0;
          var y=0;
          var xs=10;
          var ys=10;
          function scroll(){
              x+=xs;
              y+=ys;
              if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)
              {
                  xs=-1*xs;
              }
            if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)
              {
                  ys=-1*ys;
              }
              one.style.left=x;
              one.style.top=y;
          }
          dt=setInterval(scroll,100);
          one.onmouseover=function(){
          clearInterval(dt);   
          };
          one.onmouseout=function(){
          dt=setInterval(scroll,100);
          };
        </script>
</body>

**使用示例:

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

例1

返回值

<html>
<body>

例2

**语法

复制代码 代码如下:

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setinterval()用法

setInterval(code,millisec[,"lang"])
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

复制代码 代码如下:

下面举一个简单的例子。

**

setInterval(code,millisec[,"lang"])

setInterval(code,millisec[,"lang"])

setInterval() 定义和用法

<span style="font-size:18px"><html>
<span style="white-space:pre"> </span><body>
<span style="white-space:pre"> </span> <script language = javascript>
<span style="white-space:pre"> </span> setInterval("test()",1000);
function test ()
{
<span style="white-space:pre"> </span>var a= new Date();
<span style="white-space:pre"> </span>document.getElementById("time").innerHTML= a;
}
<span style="white-space:pre"> </span> </script>
<span style="white-space:pre"> </span> <h1 id = "time">
<span style="white-space:pre"> </span> </h1>
</body>
</html>
</span>

<form>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock(){var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<div id="clock"></div>
<button onclick="int=window.clearInterval(int)">Stop interval</button>

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
function timedMsg(){
 var t=setTimeout("alert('3 秒时间到!')",3000);
}
function timedMsgAways(){
 alert('3 秒时间到!');
 var t=setTimeout("timedMsgAways()",3000);
}
</script>
</head>
<body>
<form>
<input type="button" value="3 秒后警告" onClick="timedMsg()"><br />
<input type="button" value="循环 3 秒警告" onClick="timedMsgAways()">
</form>
</body>
</html>

发现是这个意思:

复制代码 代码如下:

**使用示例:

setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即 setInterval() 返回的 ID 值。

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,该方法与 setInterval() 方法不同的是该方法只执行一次。

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=setInterval("clock()",50);
function clock(){
 var t=new Date();
 document.getElementById("clock").value=t;
}
</script>
</form>
<button onclick="window.clearInterval(int)">
停止 interval 事件</button>
</body>
</html>

您可能感兴趣的文章:

  • 快速掌握Node.js中setTimeout和setInterval的使用方法
  • 浅谈JavaScript中setInterval和setTimeout的使用问题
  • JavaScript SetInterval与setTimeout使用方法详解
  • JavaScript setTimeout和setInterval的使用方法 说明
  • javascript 不停(setInterval)/延时(setTimeout)函数使用实例
  • JS中SetTimeout和SetInterval使用初探

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

提示: (1)setTimeout() 虽然是只执行一次代码。但如果许要多次调用,除了使用 setInterval() 外还可以让被执行的代码里面自身再次调用 setTimeout() 方法已达到多次执行的目的。
(2)另外setTimeout()方法也同样可以返回一个ID值,以方便使用clearInterval()方法对使用setTimeout()方法的取消。

语法

**

本文由美高梅网址发布于美高梅游戏官网网站,转载请注明出处:js实现动态显示本地时间,js中的setInterval和setT

上一篇:ajax5种状态码,readyState的五种状态详解 下一篇:没有了
猜你喜欢
热门排行
精彩图文