JS 定时器与延时器

avaScript里面内置了两个定时器,一个是setTimeout()一个是setInterval()。下面将由浅入深来理解一下定时器的工作原理。

使用方式:

setTimeout()

function out(){
    alert("定时器");
 };
var timeoutID = window.setTimeout(out,10000);

setTimeout 的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间。函数返回一个数值类型的ID唯一标示符,此ID可以用作 clearTimeout 的参数来取消定时器:

第一个参数可以传入多个回调函数中间以";"隔开即可,另外要注意的是函数不能加(),不能写成out();否则就会有意想不到的错误。

setInterval()

该方法使得一个函数每隔固定时间被调用一次,是一个很常用的方法。如果想要取消定时执行,和clearTimeout方法类似。

第一个方法和第二个方法的最大差别是一个是只执行一次,一个是会循环执行。

原文地址:https://www.cnblogs.com/CWJDD/p/11030781.html

时间: 2024-08-29 21:23:47

JS 定时器与延时器的相关文章

Unity中的定时器与延时器

JavaScript中的定时器与延时器,分别是 setInterval.setTimeout,对应的清理函数是:clearInterval.clearTimeout. 而在Unity中,则分别是:Invoke.InvokeRepeating和取消延迟调用  CancelInvoke 延迟调用 void Invoke(string methodName, float time): 重复延迟调用 void InvokeRepeating(string methodName, float time,

定时器和延时器(利用定时器制作倒计时)

一.延时器(setTimeout) 1.延时器(setTimeout)的工作方式是:当设定一个延时器是5s后进行时,并不代表它5s后就立即执行,只是代表它5s后会被加入队列,如果5s后,队列没有其他东西,那么延时器的代码会立即执行,否则会延迟执行. 因此,关于延时器最重要的一点是:指定的时间间隔(如设置5s后执行),表示何时将延时器加入到队列,而不是何时真正执行代码. 二.定时器(setInterval) 1.定时器的一大特点是每隔一段时间(如每隔2s)就会执行,一直重复.这样有个问题:设定一个

JS学习笔记 -- 延时器,提示框的应用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>延时显示提示框</title> <style> #div1 { float: left; width: 60px; height: 60px; background-color: aqua; } #div2 { position: relativ

js定时器 倒时器

setInterval("fun()",1000) setInterval(fun, 1000);每隔1秒钟,就去执行一次 fun 这个函数(最常用) setInterval( function(){} , 1000 ) setInterval(fun(),1000)  错误的 倒计时:<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>

延时器setTimeout()和定时器setInterval()

延时器setTimeout() var timer = window.setTimeout(code,millSec); 返回值是一个延时器,timer只是一个数值ID,可以用clearTimeout() 方法来终止,若含有多个setTimeout,可以通过这个数值ID来确定结束哪一个 setTimeout() 方法. setTimeout()方法只执行一次,不会重复执行,想要实现重复执行,可以通过递归函数的调用. 定时器setInterval() var timer = window.setI

基于定时器延时器的简单打字效果——拿去表白吧

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style> 8 #div1{ 9 width: 300px; height: 500px; margin: 0 auto;border: 10px solid skyblue; border-radius: 10px; 10 line-

js学习笔记(延时器)

//setTimeout()   //功能:设置一个延时器   //语法:var timer = window.setTimeout(code,millisec);   //参数: code:是任何合法的js代码,一般情况下是js函数,该函数要放在引号中.   //          例:1:window.setTimeout("close()",2000);   //                2: window.setTimeout(init,2000); //传函数地址,不加

C#-WebForm JS定时器(转)

C#-WebForm JS定时器 JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval

C#-WebForm JS定时器

JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval(function(){ wind