`
dennisbing
  • 浏览: 159108 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML DOM setInterval() 方法 和 clearIntval()方法

 
阅读更多

setInterval() 方法：

定义和用法

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

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

语法

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

返回值

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



clearInterval():

定义和用法

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法

clearInterval(id_of_setinterval)
参数 描述
id_of_setinterval 由 setInterval() 返回的 ID 值。



实例

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

分享到：
| form中的input的type类型
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS操作DOM元素属性和方法大全

    **JS操作DOM元素属性和方法大全** 在JavaScript中，DOM（Document Object Model）是一种标准，用于表示HTML或XML文档的结构，并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口，使得JavaScript能够读取、...

    js_HTML_Dom操作练习

    在这个过程中，我们将探讨几个关键的DOM接口和方法，以加深对JavaScript与HTML交互的理解。 1. **获取元素**：在DOM中，`document.getElementById()`是最常用的获取元素的方法，通过元素的ID属性来定位。除此之外，...

    setInterval和setTimeout停止的方法

    先来了解 setInterval : 1,HTML DOM setInterval() 方法 定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或...

    JavaScript中停止执行setInterval和setTimeout事件的方法

    js 代码中执行循环事件时，经常会用到 setInterval 和 setTimeout 这两个方法，关于这两个方法的细节这里不详细讨论了，简要分享下在需要停止循环事件的时候该如何操作。 （1）setInterval 方法可按照指定的周期（以...

    DHTML文档帮助，可查询dom对象，html的对象，方法等。编写js代码的常用工具。

    DOM是HTML和XML文档的标准模型，它将文档结构转化为一个树形结构，每个节点代表一个HTML元素或属性。通过DOM，开发者可以访问并修改文档的任何部分。手册中可能包含了如何创建、访问和修改DOM节点的方法，例如`...

    Javascript中， setTimeout() 和 setInterval() 的方法

    在JavaScript编程中，`setTimeout()`和`setInterval()`是两个非常关键的函数，它们用于实现异步编程，特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法，它们的区别...

    JavaScrpt DOMscripting编程艺术

    DOM是HTML和XML文档的结构化表示，允许我们通过编程方式访问和修改页面元素。以下是这个主题涵盖的一些关键知识点： 1. **DOM基本概念**：DOM是一个树形结构，它将网页内容拆分为节点，包括元素节点、属性节点和...

    JavaScriptDOM编程艺术

    4. **DOM节点**：包括元素节点、文本节点、属性节点等，每个节点都有自己的属性和方法，如`nodeValue`用于获取或设置文本节点的值，`parentNode`指向父节点，`childNodes`则返回子节点的集合。 5. **选择元素**：`...

    setInterval 引起的性能问题

    在JavaScript编程中，`setInterval`是一个非常常用的函数，它用于定期执行某个任务。然而，如果不正确地使用，`...通过学习和实践，我们可以更有效地利用`setInterval`和其他相关工具来创建高效、响应式的Web应用程序。

    js和dom用法案例

    Window 对象提供了多种方法，如 `alert`、`confirm`、`navigate`、`setInterval` 和 `clearInterval`。`alert` 方法用于弹出消息对话框，`confirm` 显示带有确定和取消按钮的对话框。`navigate` 方法用于重定向到...

    记录我的旅程之JavaScript Dom系列里面的所有例题

    JavaScript DOM（Document Object Model）是Web开发中一个关键的概念，它允许我们通过编程方式操作HTML和XML文档。在这个“记录我的旅程之JavaScript DOM系列”中，我们深入探讨了一系列与DOM相关的例题，这些例题...

    Dom编程基础.pdf

    DOM（Document Object Model）是HTML和XML文档的一种结构化表示，它将网页内容视为一系列可编程的对象，包括元素、属性和文本。JavaScript通过DOM提供的接口可以访问和修改这些对象，从而实现动态网页（DHTML）的...

    JAvascript Dom编程艺术 图片库

    DOM是HTML和XML文档的结构化表示，允许程序和脚本动态更新、添加、删除以及遍历页面元素。通过掌握DOM编程，开发者可以实现丰富的用户交互，提升网页的用户体验。 本书的核心知识点包括以下几个方面： 1. **DOM...

    Javascript_Dom操作案例

    JavaScript通过DOM API提供了一系列方法和属性，使我们能够查找、修改、添加和删除这些节点。 2. **获取DOM元素**： - `document.getElementById()`：根据ID获取元素。 - `document.querySelector()` 和 `....

    javascript中的BOM与DOM、JS核心.pdf

    JavaScript使用心得之BOM与DOM，主要是使用JavaScript的基本语句，以及BOM和DOM提供的对象的属性和方法，来操作各个BOM对象的属性以及各个DOM节点的属性甚至是结构，从而控制浏览器窗口行为和文档内容及其展示。

    setInterval setTimeout.html

    setInterval setTimeout.html

    第 5 章 BOM 和DOM.pptx

    DOM 元素的常用属性和方法： * 属性：tagName、nodeName、nodeValue、nodeType、innerHTML、outerHTML 等。 * 方法：createElement()、createTextNode()、appendChild()、insertBefore()、removeChild()、...

    Jquery中使用setInterval和setTimeout的方法

    在JQuery的$(document).ready()中使用setInterval和setTimeout时，要确保正确地引用JQuery对象和方法，否则可能会出现“缺少对象”的错误。正确的方法是使用JQuery对象来调用这些方法。比如在$(document).ready()回...

    《javascript-DOM编程艺术》原书代码

    DOM是HTML和XML文档的编程接口，允许我们通过脚本语言操作文档的结构、样式和内容。这本书的原书代码包含了书中所有示例，对于学习和理解JavaScript DOM编程非常有帮助。 在JavaScript DOM编程中，以下几个关键知识...

    setInterval阻塞解决方案完整代码

    前端开发中，我们会会经常使用定时器setinterval setTimeout等，但当我们离开页面时，定时器会被阻塞，导致我们再回到页面的时候定时任务会混乱运行，为些我的解决方案写了个简单demo,希望对你有所帮助

Magicbox
Global site tag (gtag.js) - Google Analytics