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

HTML DOM setInterval() 方法

HTMLJavaScript 
阅读更多

定义和用法

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

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
实例
<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.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>

分享到：
| 常用Dos命令
评论
发表评论

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

相关推荐

    js_HTML_Dom操作练习

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

    setInterval和setTimeout停止的方法

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

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

    在JavaScript中，DOM（Document Object Model）是一种标准，用于表示HTML或XML文档的结构，并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口，使得JavaScript能够读取、修改网页中的元素、样式、属性等。本...

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

    这个压缩包中的"DHTML手册.chm"是一个关于DHTML的详细参考文档，为开发者提供了查询DOM对象、HTML元素以及JavaScript方法等功能，是编写JS代码和处理DOM操作的重要工具。 1. **DOM对象** DOM是HTML和XML文档的标准...

    JavaScrpt DOMscripting编程艺术

    3. **添加和移除元素**：`appendChild()`, `removeChild()`, `insertBefore()`和`replaceChild()`等方法用于动态地在DOM树中添加、删除和替换元素。 4. **属性操作**：通过`.`或`[]`操作符，可以读取和设置元素的...

    JavaScriptDOM编程艺术

    11. **动画与定时器**：利用`setTimeout`和`setInterval`实现定时执行的动画效果，结合DOM操作可以创建动态的网页交互。 12. **DOM性能优化**：了解DOM操作可能带来的性能影响，比如避免不必要的DOM遍历，使用文档...

    Dom编程基础.pdf

    例如，`alert()`函数用于弹出警告对话框，`navigate()`方法用于重定向到新的URL，`setInterval()`和`clearInterval()`则分别用于定期执行和取消定期执行的代码片段。 总结来说，DOM编程基础涵盖了理解HTML页面结构...

    Javascript_Dom操作案例

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

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

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

    js和dom用法案例

    JavaScript 是一种轻量级的客户端脚本语言，常用于实现网页的交互性，而 DOM（Document Object Model）则是网页内容的一种结构化表示，允许 JavaScript 通过编程方式操作 HTML 或 XML 文档。 在 JavaScript 中，`F1...

    JAvascript Dom编程艺术 图片库

    3. **元素操作**：掌握添加、删除、替换和移动DOM元素的方法，如createElement、appendChild、removeChild、replaceChild等。 4. **属性操作**：理解如何获取和修改元素的属性，例如innerHTML、innerText、...

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

    DOM是标准的，由W3C制定，目前最高的级别是Level 3，尽管Level 3还没有彻底完成，目前主流的浏览器都可以支持到Level 2，对HTML，也就是HTML4.x，目前最高的是4.01，后来W3C向把HTML统一向XML靠拢，于是就有了XHTML...

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

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

    第三章：javascript-DOM对象模型-补充课件.ppt

    2. **访问DOM元素的方法**：`document`对象提供了多种方法来查找HTML元素，包括： - `getElementById(id)`：通过元素的唯一ID获取元素。 - `getElementsByClassName(classname)`：返回具有特定类名的所有元素的...

    JavaScriptDOM编程艺术.rar

    1. **DOM结构**：理解DOM树的概念，如何遍历和查找DOM元素，以及元素的属性和方法。 2. **DOM操作**：如何添加、删除和修改元素，以及文本节点和属性。这些操作是动态更新网页内容的核心。 3. **样式操作**：通过...

    Dom练习美女时钟

    6. **CSS选择器API**：使用`querySelector`和`querySelectorAll`等方法，高效地选择DOM元素。 7. **JavaScript编程思想**：理解面向对象编程的概念，如对象和函数，以及如何组织代码以提高可维护性和可读性。 8. *...

    传播智客杨中科DOM51-60学习笔记

    根据给定的文件信息，我们可以总结出一系列与DOM（Document Object Model）操作相关的知识点，主要集中在HTML元素的选择、样式修改以及动态元素创建等方面。以下是详细的知识点解析： ### 一、选择并修改DOM元素 #...

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