JavaScript超时调用、间歇调用

超时调用

//onclick设置按钮点击之后要执行的代码地址,fnFun就是要执行的代码函数
<input type="button" value="暂停" onclick="fnFun()">
<script>
var fnFun2 = function (){
    console.log('fnFun2');
}
//参数一:超时后会被调用的函数地址
//参数二:等待时间
//返回值:定时器的ID,可以通过这个ID来终止这个定时器
var id = setTimeout(fnFun2,5000);

var fnFun = function (){
    console.log('hello');
    //终止这个定时器,参数是定时器ID
    clearTimeout(id);
}
console.log('hello world');
</script>

间歇调用

//setInterval,是每隔一段时间就就会调用函数一次
<input type="button" value="暂停" onclick="fnFun()">
<script>
    var fnFun2 = function (){
        console.log('fnFun2');
    }
    //设置间歇调用,定时器
    var id = setInterval(fnFun2,1000);

    var fnFun = function (){
        console.log('hello');
        //清除定时器
        clearInterval(id);
    }
    console.log('hello world');
</script>

原文地址:https://www.cnblogs.com/5Arno/p/12054317.html

时间: 2024-08-26 18:46:03

JavaScript超时调用、间歇调用的相关文章

javaScript 超时与间歇掉用

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js的间歇与超时调用</title> </head> <body> <font id="time"></font> &l

JS中的间歇调用setInterval()与超时调用setTimeout()相关总结

超时调用需要使用window.setTimeout(code,millisec)方法 它接受两个参数:要执行的代码和以毫秒表示的时间(即在执行代码前需要等待多少毫秒).其中第一个参数可以是一个包含JS代码的字符串(就和在eval()函数中使用的字符串一样),也可以是一个函数.第二个参数表示等待多长时间的毫秒数,但经过该事件后指定的代码不一定会执行. 这是因为JS是一个单线程序的解释器,一定时间内只能执行一段代码,为了控制要执行的代码就有一个JS任务队列,这些任务会按照将他们添加到队列的顺序执行.

超时调用setTimeout 和 间歇调用setInterval

今天看了javascript高级程序设计(第三版)一书,发现说setTimeout比setInterval更好,觉得的确如此.平时都是用setInterval多点,现在还是转一下思路了.又学习到了.笔记如下: ------------------------------------------------------------------------------------------------------------------------------------------- setTi

超时调用与间歇调用

1.首先要清楚,JavaScript是单线程语言,一段时间内只能执行一段代码.因此就有一个JavaScript的任务队列来控制代码的执行顺序.window对象的属性setTimeout()的第二个参数就是告诉JavaScript再过多长时间将当前任务添加到队列中.如果队列是空的,那么添加的代码会立即执行:如果队列不是空的,那么先等到前面的代码执行完后再执行.间歇调用setInterval()与超时调用相似,只不过是重复调用. setTimeout(function(){ alert("Hello

定时器 setTimeout()超时调用和 setInterval()间歇调用

JavaScript是单线程语言,但它允许通过设置定时器,也就是设置超时值和间歇时间来调度代码在特定的时刻执行.前者是在指定的时间过后执行代码,而后者则是每隔指定的时间就执行一次代码. 超时调用需要使用window对象的setTimeout()方法,他接受两个参数:要执行的代码和以毫秒表示的时间.其中,第一个参数可以是一个包含JavaScript代码的字符串,也可以是一个函数.例如,下面对stTimeout()的两次调用都会在一秒钟后显示一个警告框: //不建议传递字符串! setTimeout

【javaScript基础】立即调用函数表达式

在javaScript中,每个函数被调用时,都会创建一个新的执行上下文.因为在一个函数里面定义的变量和函数只能在里面访问,在外面是不行的,上下文提供了一种很容易的方法来创建私有性. //makeCounter函数返回另外一个匿名函数,这个匿名函数能够访问到"私有"变量i, 好像有一点"特权"性. function makeCounter() { // i只能在makeCounter的里面被访问到 var i = 0; return function() { cons

ASP.NET中前台javascript与后台代码调用

ASP.NET中前台javascript与背景代码调用 1如安正在JavaScript访问C#函数? 2.如安正在JavaScript访问C#变量? 3.如安正在C#中访问JavaScript的已经有变量? 4.如安正在C#中访问JavaScript函数? 标题1谜底以下: javaScript函数中实施C#代码中的函数: 方法一:一.起首成立一个按钮,正在背景将调用或许搞定的内容写入button_click中; 二.正在前台写一个js函数,内容为document.getElementById(

C#代码与JAVASCRIPT函数的相互调用

问:1.如何在JavaScript访问C#函数?2.如何在JavaScript访问C#变量?3.如何在C#中访问JavaScript的已有变量?4.如何在C#中访问JavaScript函数? 问题1答案如下:javaScript函数中执行C#代码中的函数:方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中;        2.在前台写一个js函数,内容为document.getElementById("btn1").click();        3.

【javascript 进阶】异步调用

前言 javascript的中的异步是很重要的概念,特别是ajax的提出,给整个web带来了很大的影响,今天就介绍下javascript的异步编程. 同步与异步 何为同步?何为异步呢? 同步:说白了就是程序一步一步从下向下执行,没有什么别的代码的跳动,就是按序执行,和在景区里女生上厕所是排队是一样的(每次女厕都是有好多人在排队).可以看成是一个单线程问题. 异步:异步就是程序可以跳着执行,开始执行一段程序之后不用等返回结果就执行其他的代码,等结果返回之后在对结果进行处理,也就是可以在有限的时间内