`
cakin24
  • 浏览: 1389687 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Window setInterval() 方法

阅读更多

定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

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

提示: 1000 毫秒= 1 秒。

语法

setInterval(code,millisec,lang)

 

参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。
lang 可选。 JScript | VBScript | JavaScript

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>显示时间</title>
</head>
<body>
<input type="text" id="clock"/>
<script type="text/javascript">
var int1=self.setInterval("clock()",1000);
function clock()
{
var d=newDate();
var t=d.toLocaleTimeString();
 document.getElementById("clock").value=t;
}
</script>
<button onclick="int=window.clearInterval(int1)">停止</button>
</body>
</html>

 

运行结果



 
  • 大小: 1.3 KB
1
1
分享到:
评论

相关推荐

    精解window.setTimeout()window.setInterval()使用方式与参数传递问题!

    这是我们常常会使用方法setInterval或setTimeout,但是由于这两个方法是由脚本宿主模拟出来的Timer线程,在通过其调用我们的方法是不能为其传递参数。 我们常用的使用场景是: 代码如下:window.setTimeout(...

    jQuery侧边圣诞老人滑动面板.zip

    jQuery侧边圣诞老人滑动面板是一款基于jQuery CSS3实现的全屏下着雪花场景动画。  var ww = 0;  var wh = 0;... ww = $(window).width();... wh = $(window).height();... setInterval(move, 50);  }

    IOS系统中,倒计时(setInterval函数)失效的问题

    本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。ps:由于小程序一直在更新中,所以并不保证下面的方 ...       先说结论:挂起(显示在聊天顶部)状态无法完美解决,息屏状态...

    javascript显示用户停留时间的简单实例

     window.setInterval(“OnlineStayTime();”, 1000); function OnlineStayTime() { second++; if (second == 60) { second = 0; minute++; } if (minute == 60) { minute = 0; hour++; }...

    javascript间隔定时器(延时定时器)学习 间隔调用和延时调用

    用setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环 用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量。 代码如下:...

    浅析javascript的间隔调用和延时调用

    用 setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环 用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量。 代码如下:...

    asp.net中将js的返回值赋给asp.net控件的小例子

    代码如下: [removed] var... window .setInterval (“OnlineStayTimes();”,1000); function OnlineStayTimes() { second ++; if(second ==60){second =0;minute +=1;} if(minute ==60){minute =0;hour +=1;} 

    JavaScript定时器和优化的取消定时器方法

    window.setInterval(Method,Time)  Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: 代码如下: clearInterval(Method);  那么问题来了。用 clearInterval(timerid);来清除,往往不能马上...

    jQuery setTimeout()函数使用方法

    和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#41;; } }); 只会执行一次,有朋友说可以使用 代码如下:setInterval (...

    Javascript DHTML 实例编程(教程)(四)初级实例篇2—动画

    上篇说了动态创建结点和删除结点的例子,这一篇说一些如何...1000)将可能抛出一个异常,这个时候,通常是你要传递一个对象参数,我建议用这样的一个办法来解决,也建议使用这种方法来使用window.setTimeout和window.se

    JavaScript中的定时器之Item23的合理使用

    window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下: ...

    javascript基于定时器实现进度条功能实例

    window度一线下面的方法 window.setInterval() 启动定时器 1.setInterval(function(函数),time(每隔多少时间执行一次函数,单位是毫秒)) 会重复执行某项操作 2.setTimeout 运用在延迟一段时间,再进行某项操作 ...

    JS中SetTimeout和SetInterval使用初探

    一切尽在代码截图中,愿意和大家一起成长!可以喷,毕竟是菜鸟! 好了,废话不多说了,看具体实例代码吧! &lt;...button onclick=clearIt=window.clearInterval(clearIt)&gt; Stop&lt;/button&gt;

    做网页的一些技巧(续)

    function initialize(){ timer = setInterval(“scrollwindow()”, 1); } function sc(){ clearInterval(timer); } function scrollwindow(){ currentpos = document.body.scrollTop; window.scroll(0, ++...

    html5 canvas响应式文字切换代码

    4. **文字切换逻辑**:在Canvas上绘制文字,可以使用`fillText()`方法。为了实现切换效果,可以创建一个包含多个文字的数组,然后通过定时器或者用户交互事件来改变显示的文字。 ```javascript var texts = ['文字1...

    html5 css3圆形进度条倒计时页面跳转代码

    对于倒计时功能,可以使用JavaScript或者HTML5的`setInterval`函数来实现。这个函数可以定时执行指定的代码块,非常适合用来更新进度条的进度。同时,我们可以结合`Date`对象计算剩余时间,并实时更新页面上的倒计时...

    jQuery CSS3图片滑动切换_自适应浏览器宽度图片滑动切换

    setInterval(function() { currentIndex = (currentIndex + 1) % images.length; switchSlide(currentIndex); }, 3000); // 手动切换 slider.find('.prev, .next').click(function() { var dir = $(this)....

    html5 canvas绘制孙悟空猴哥来拜年特效

    接下来,我们要用到JavaScript的`window.onload`事件来确保所有资源加载完成后才执行绘制代码。在事件处理函数中,我们通过`document.getElementById('myCanvas')`获取到canvas元素,并创建一个2D渲染上下文,用于...

    html5 canvas绘制时钟表时间效果源码下载

    setInterval(drawClock, 1000); }; ``` 以上就是使用HTML5 Canvas绘制时钟表时间效果的基本步骤。这个例子展示了如何利用Canvas API来动态地绘制图形,以及如何与系统时间同步。通过调整`drawHand`函数的参数,你...

Global site tag (gtag.js) - Google Analytics