`
yuelong
  • 浏览: 33154 次
  • 性别: 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命令
评论
发表评论

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

相关推荐

    setInterval和setTimeout停止的方法

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

    前端虚拟DOM模板引擎Vdt.js.zip

    因为利用virtual dom技术，vdt模板渲染的结果并非传统的html字符串，而是dom，所以更新操作不会导致整个模板重绘。目前该工具已在金山云项目中大量应用 更多信息，请参考：http://javey.github.io/vdt.html，期待...

    漏洞的那点事

    攻击者利用应用程序的动态展示数据功能，在html页面里嵌入恶意代码。当用户浏览该页之时，这些嵌入在html中的恶意代码会被执行，用户浏览器被攻击者...DOM型(eval,innerhtml,setTimeout,setInterval,document.write)

    Android代码-kotlinx.html

    A kotlinx.html library provides DSL to build HTML to Writer/Appendable or DOM at JVM and browser (or other JavaScript engine) for better Kotlin programming for Web. Get started See Getting started ...

    html-renderer:虚拟DOM HTML渲染器

    html-renderer 使用呈现HTML内容。 该项目使用和。 建造 $ browserify index.js &gt; html-renderer.js 用法 &lt;...setInterval ( function ( ) { homeRenderer ( renderHome ( ) ) ; timeRenderer

    基于html+JavaScript实现的大富翁游戏，复刻了童年与小伙伴玩的经典大富翁游戏 (源码+文档）

    角色根据骰子点数setInterval移动 setTimeout停下后触发棋格事件 事件完成后轮到下一个玩家 其他 处理买地和升级地产 判断玩家顺序（避开停止和破产状态） 判断玩家破产 判断游戏结束 数据(data.js) 角色棋子 名字 ...

    html-patcher:虚拟 DOM 差异和补丁与 HTML 模板

    带有 HTML 模板的虚拟 DOM 差异和补丁。 基于上 安装 $ npm install html-patch 用法 一个简单的应用程序，每秒显示纪元时间： var patcher = require ( 'html-patcher' ) var patch = patcher ( document . body...

    基于Jquery ajax技术实现间隔N秒向某页面传值

    这个时候我们就要用到HTML DOM setInterval() 方法。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由...

    纯JavaScript实现实时反馈系统时间

    HTML DOM 中的setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 语法setInterval(code,milliseconds) code——...

    kotlinx.html：用于HTML的Kotlin DSL

    kotlinx.html库提供DSL，以在JVM和浏览器（或其他JavaScript引擎）上为 / 或DOM构建HTML，以更好地进行Web的。 开始吧 有关如何包括该库的详细信息，请参见页面。 DOM 您可以自然地使用JVM和JS构建DOM树 查看以...

    JavaScript实现计数器基础方法

    本文实例为大家分享了js实现计数器的具体代码，供大家参考，具体内容如下 ...Note: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。在这里只介绍了setTimeout()方法； &lt;!DOCTYPE html&gt; &lt;

    hr.vview:使用 virtualdom 查看

    hr.vview 使用虚拟 dom 查看安装 $ npm install hr.vview文档基本用法该模块为hr.view提供了一个 mixin，它设置view.html()使用虚拟 dom 并提高性能。 var VirtualView = require ( "hr.vview" ) ;var MyView = ...

    实例讲解JavaScript 计时事件

    JavaScript 计时事件 通过使用 JavaScript，我们有能力做到...注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。 setInterval() 方法 setInterval() 间隔指定的毫秒数不停地执行指定的代码 语

    Dom 学习总结以及实例的使用介绍

    2、  （1、*setInterval每隔一段时间执行指定的代码，第一个参数为代码的字符串，第二个参数为间隔...因为setInterval可以设定多个定时，所以clearInterval要指定清除那个定时器的标识，即setInterval的返回值。 v

    前端面试，独有前端面试题详解，前端面试刷题必备，1000+前端面试真题，Html、Css、JavaScript、Vue

    Day382:说一下 setTimeout 和 setInterval 的区别，包含内存方面的分析？ Day381:说一下 JavaScript 严格模式下有哪些不同？ Day380:实现一个系统，统计前端页面性能、页面 JS 报错、用户操作行为、PV/UV、用户设备...

    前端开发常见问题汇总概要总结.docx

    异步编程：理解和处理异步流程控制，如setTimeout、setInterval、Promise、async/await等。 DOM操作性能：频繁操作DOM可能导致页面性能下降，需要合理使用事件委托、DocumentFragment、批量更新DO

    JavaScript笔记

    |--3.concat()方法--用于连接两个或多个数组，该方法不会改变现有的数组 |--4.slice()方法--截取元素。根据给定的范围可从已有的数组中返回选定的元素 14.Function：js中一切都是对象，连方法都是1个对象！！ ...

    原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】

    它包含很多基本知识的运用，像this的使用，DOM的操作，还有setInterval的使用和清除，浮动与定位等等，很好的考察了我们的基础知识牢不牢固， 话不多说，直接上图 HTML代码如下： &lt;!DOCTYPE html&gt; &lt;...

    JavaScript数字滚动库ScrollerJS.zip

    主要特性轻量级，压缩后只有 12 KB没有任何依赖和外部框架和库跨浏览器兼容：Chrome 42.0, Firefox 37.0.2, IE 11, Safari 5.1.7, Opera 29.0ScrollerJS 支持 CSS 转换和 DOM 动态。示例HTML：&lt;div id="clock-pane...

    JavaScript权威指南

    DOM Compatibility with Internet Explorer 4 Section 17.4. DOM Compatibility with Netscape 4 Section 17.5. Convenience Methods: The Traversal and Range APIs Chapter 18. Cascading Style Sheets ...

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