setinterval()与clearInterval()JS函数的调用方法_javascript技巧

本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>setinterval()与clearInterval()用法</title> 
    <script type="text/javascript"> 
        function f1() { 
            alert("调用f1"); 
        } 
        function f2() { 
            alert("调用f2"); 
        } 
 
        function bodymousedown() { 
            alert("你好"); 
            alert("我好"); 
 
        } 
        function com() { 
            if (confirm("是否进入")) { 
                alert("进入了"); 
            } 
            else { 
                alert("退出"); 
            } 
        } 
        var interval; 
        function getinterval() { 
            if (confirm("确定要执行吗?")) { 
                 
                interval = setInterval("alert('每隔2000毫秒执行一次')", 2000); 
            } 
            else { 
                alert("不执行"); 
            } 
        } 
        function setTimeOut1() { 
            setTimeout("alert('3000毫秒后执行这段代码')", 3000); 
        } 
 
    </script> 
</head> 
<!--" -->  
<!--<body onmousedown ="bodymousedown()">--> 
<body> 
<!--ondblclick是双击事件,onclick是单击事件--> 
<input type="button" onclick="document.ondblclick=f1" value="关联事件1" />
<input type="button" onclick="document.ondblclick=f2" value="关联事件2" />
 
<input type="button" ondblclick="bodymousedown()" value="调用函数" /> 
<input type="button" onclick="com()" value="confirm的用法" /> 
<input type="button" onclick="getinterval()" value="setInterval的用法,每隔一段时间执行指定的代码" /> 
 
<!--clearInterval取消setInterval的定时执行,相当于Timer中的Enabled=False--> 
<input type="button" onclick="clearInterval(interval)" value="取消执行setinterval代码" /> 
 
<input type="button" onclick="setTimeOut1()" value="setTimeOut,某个时间执行代码" /> 
 
</body> 
</html>

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

复制代码 代码如下:

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

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

setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。
setinterval是循环运行的,即每到设定时间间隔就触发指定代码。这是真正的定时器。

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-10-14 15:52:59

setinterval()与clearInterval()JS函数的调用方法_javascript技巧的相关文章

js post提交调用方法_javascript技巧

复制代码 代码如下: function post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea&

js函数般调用正则_javascript技巧

这为调用正则的 exec 方法提供了便捷.例如,在 Firefox中,regex("string") 等同于 regex.exec("string").曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中,但后来的在 ES4-discuss mailing list 的讨论中,这个建议可能被废除. 然而,你可以通过增加 call 和 apply 方法到 RegExp.prototype 中类似的现实这些方法.既有助于功能设计,又可实现对函数和正

定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧

首先来看下定时器的用法 1. setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. 参数 描述 code 必需,要调用的函数或要执行的代码串. millisec 必需,周期性执行或调用 code 之间的时间间隔,以毫秒计. 2.setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 参数 描述 code 必需,要调

js调用父框架函数与弹窗调用父页面函数的简单方法_javascript技巧

调用父级中的 aaa的函数 子页面中: onclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert('bbbbb'); } frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面. window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样 window.frames[0]

JavaScript通过字符串调用函数的实现方法_javascript技巧

本文实例讲述了JavaScript通过字符串调用函数的实现方法.分享给大家供大家参考.具体分析如下: JavaScript中我们可以把根据函数名的字符串来调用函数,这样我们就可以实现动态函数调用,只需要传递一个函数的名字即可调用该函数. 复制代码 代码如下: var strFun = "someFunction"; //Name of the function to be called var strParam = "this is the parameter";

js 把字符串当函数执行的方法_javascript技巧

并且用js去执行: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] ------------------------------- 方法一... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 这是方法二.... 在checkbox的 value中 设定了 该checkbox要执行的 函数,而 方法的参数 就是将 当前点击的checkbox 做为参数传过去. 此处 我用大jquery来操作 复制代码 代码如下: $(function() { $("ul li a"

简易的投票系统以及js刷票思路和方法_javascript技巧

早就听说有什么刷票脚本,微博投票等等相关的投票都有某些人去刷票. 试一下吧,兴许自己也会刷票呢?捣鼓了几个小时,终于有所眉目. (1)投票系统 要刷票,就得先有个投票界面. 当然,可以直接去各个投票网站就行,不过这里还是自己弄个投票页面,方便自己. 页面大致如下 或者 查看演示 照理,界面很简洁,但也基本有了投票的基本功能. 原始规则是:只能投一次票,然后提示成功,然后按钮不可用. 都是原生JS,DOM操作不灵活的可以借此练练手.当然,用jq将会很便捷. html/css部分 <!DOCTYPE

javascript与asp.net(c#)互相调用方法_javascript技巧

1.获得aspx客户端请求地址: 复制代码 代码如下: <a src= 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter/AlipayAdd.aspx")%>'>地址</a> 2.C#调用客户端方法:(top.window.document:表父窗体,如果是MainFrame对象在本窗体中,则不加top.window.document) Js中的方法: 复制代码 代码如下

js格式化时间的方法_javascript技巧

本文为大家分享了javascript时间格式化的方法,分享给大家供大家参考,具体内容如下 可以说是Web项目中不可或缺的一个Javascript类库,它可以帮助你快速的解决客户端编程的许多问题,下面贴出一个用js格式化时间的方法. Date.prototype.format =function(format) { var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day &quo