js-定时函数的调用-setInterval（）

¡Venceremo

于 2022-10-26 15:05:42 发布

阅读量558

点赞数

分类专栏： javascript 文章标签： javascript 前端 html

本文链接： https://blog.csdn.net/weixin_47295886/article/details/127532477

版权

javascript 专栏收录该内容

133 篇文章 0 订阅

订阅专栏

希望页面中的数字自动变化：

js执行程序非常快，如果希望页面中的数字可以每隔一段时间执行一次，就可以实现延时的作用

setInterval()：定时i调用，将一个函数每隔一段时间执行一次：

参数1：回调函数，函数每隔一段时间被调用一次

参数2：每次调用间隔的时间，单位是毫秒

			window.onload = function() {
				var count = document.getElementById("count");
				var num=1;
				setInterval(function(){	
						count.innerHTML = num++;},1000)

			}

setInterval存在返回值：

返回一个number类型的数据，这个数字作为定时器的唯一标识

所以关闭定时器使用标识：

clearInterval(1);//关闭1号定时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload = function() {
				var count = document.getElementById("count");
				var num = 1;
				var a = setInterval(function() {
					count.innerHTML = num++;
					if (num == 11) {
						clearInterval(1);
					}
				}, 1000);

			}
		</script>
	</head>
	<body>
		<h1 id="count">1</h1>
	</body>
</html>

关注博主即可阅读全文

立减 ¥

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

setInterval(function() {})

weixin_33786077的博客

06-03

3344

setInterval(function() { console.log(new Date()) }，500) 浏览器页面在serInterval当前页的时候，页面会每隔500毫秒正常执行,也就是每秒钟会打印两次当前时间，如果页面切到另外一个页面后停留了一段时间再切回来，那么会发现定时器在这个过程中变慢了，可能变成了每秒钟只打印了一次当前时间。这是浏览器偷懒了，你没有访问这个页面，他就...

JavaScript setInterval（定时/延时调用函数）

weixin_33743703的博客

12-09

260

setInterval是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。由setInterval返回的ID值可用作clearInterval方法的参数。返回的值setInterval函数的ID标识，每次调用setInterval函数都会产生一个唯一的ID，可以传递给 ...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript定时调用函数小知识

weixin_30419799的博客

01-06

setTimeout("test()",1000)：经过给定时间执行一次 setInterval("test()",1000)：每经过给定时间执行一次时间单位都是毫秒 setTimeout也可以用来实现在一个固定时间段之后反复执行： function test(){ //你的逻辑处理 setTimeout("test()",1000); } 这2种方法的区别就是： setTi...

定时器函数调用

Alisa_vc的博客

11-19

2515

1、间隔型定时器 setInterval(fn,20) //fn 函数 20时间（单位：毫秒）每隔一段时间执行一次 var res = setInterval(); clearIntervar(res);//清除定时器 1s=1000ms 不是立刻执行，要等待第一次间隔 2、间隔型定时器 setTimout() 隔一段时间执行，只执行一次 var timer...

定时事件——调用函数

weixin_33739646的博客

06-01

184

函数config() 内容 BEGIN DECLAREt_errorINTDEFAULT0;--事务执行错误标志 DECLARECONTINUEHANDLERFORSQLEXCEPTIONSETt_error=1;STARTTRANSACTION; --断闸命令 insertintoamp_command(dtuId,detectorNum,com...

js代码-定时嵌套函数

07-14

在JavaScript中，`setTimeout`和`setInterval`是两个主要的定时器函数，它们允许我们在特定延迟后执行一次或多次函数调用。本篇将深入探讨定时嵌套函数的概念、用法及其在实际开发中的应用。 ### 1. `setTimeout`和...

用于定时执行异步任务，调用方式类似原生 setInterval-setPromiseInterval.zip

最新发布

01-30

`setInterval`函数是JavaScript中用于周期性执行某段代码的原生方法，但它不支持Promise，这意味着在异步操作中使用`setInterval`时，我们往往需要嵌套回调函数，这可能导致代码结构混乱，难以维护。`...

JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题

10-19

在JavaScript中，定时任务是通过`setInterval`函数来实现的，它允许我们在指定的时间间隔内重复执行一段代码。在本例中，我们要讨论的是如何使用`setInterval`结合AJAX（异步JavaScript和XML）请求来每隔N秒向后台...

js--7.bom对象-5.定时调用

02-05

定时调用"这个主题中，我们将深入探讨BOM中的定时调用机制，主要包括`setTimeout()`和`setInterval()`两个重要的函数。 `setTimeout()`函数是JavaScript中用于延迟执行某个函数或代码块的工具。它接受两个参数：要...

Javascript中的定时调用函数setInterval()和setTimeout()

weixin_30547797的博客

04-16

139

首先介绍这两个函数一、setInterval() 按照指定的周期来调用函数或表达式，执行多次。（时间单位：ms） timer = setInterval("content =document.getElementById("input_content").value;", 800) // 0.8s执行一次js语句 timer = setInterval(showHint, 800) ...

定时调用

qq2071114140的博客

09-07

327

文章目录定时调用举例：显示当前包含秒数的时间停止定时调用：`clearInterval(idOfSetInterval:number) ` 定时调用 BOM中的window对象，提供了一个方法setInterval()。他有两个参数：function，milliseconds。该方法可以使回调函数function每间隔milliseconds毫秒被调用一次。举例：显示当前包含秒数的时间显示时间时，只需要通过指定元素element.innerHTML来修改显示的内容即可。由于每1秒都需要修改一次，所以

定时器setInterval(function(){},1000(时间毫秒))/清除定时器-`clearInterval()`/多个计时器叠加问题/倒计时秒杀/

不懂帕斯的博客

04-24

4730

01-定时器-setInterval(function(){},1000(时间毫秒) <script> // 需求：间隔一段时间就输出一次：前端小白 // 定时器：setInterval(function(){},1000时间) setInterval(function () { console.log('前端小白') }, 1000) </script> 02-定时器-自动

JS基础_定时器简介

兴趣是最好的老师

01-20

202

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取count var count = document.getElementById("count"); .

新人发表———JavaScript倒计时的简单方法（利用时间戳和setInterval()方法）

banwei7749的博客

04-10

120

首先捋一下思路，计算倒计时是通过两段时间相减获得时间戳的差值，再者通过简单计算分别转换为天数、小时数、分钟数、秒数。得到动态时间（不断刷新）使用setinterval()方法。效果图： function countdown(y){var startTime = new Date();//获取现在时间 var endTime = new Date("2020-4-4 ...

定时器函数的应用setInterval（）

FateInTheSky的博客

09-19

491

setInterval（function(){},time）该函数表示每个time的时间就执行function(){} 下列列子是在js里面实现一个div自动运动 var div=document.createElement(‘div’); //创建一个div document.body.appendChild(div); //往body添加div div.style.width=“10...

JavaScript 时间间隔函数setinterval

weixin_47906106的博客

12-14

2840

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。语法格式：函数：每隔1000毫秒执行一次function; setinterval（“function()",1000) 实例 setInterval(function(){ var date=new Date(); var year=date.getFullYear(); //获取当前年份 var month=date.getMonth()+1; //获取当前月份

php中setinterval,javascript中setInterval的用法

weixin_29446845的博客

03-21

179

javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时，对操作方法按照一定时间间隔进行调用的函数。setInterval的表达式格式主要有：setInterval(fnname,time,par1,par2,........parn);setInterval(obj,fnname,time,par1,par2,......parn);第一种是最常见的表达...

js setInterval 在类的函数里调用类的方法

wjxuanxuan的博客

03-16

2040

一.setInterval 与 setTimeout区别二类中调用setInterval 三渐进效果

windows c定时函数的使用

锅锅的博客

06-04

1076

一、介绍对应时间函数，c语言有标准库，但是要一直阻塞读取，这里介绍一种类似中断的处理方法，设置时间，时间到以后直接跳转到自己设定的函数里面执行，执行完以后返回当之前的代码这里使用的ide：DEV C++ 二、函数介绍 MMRESULT timeSetEvent( UINT uDelay , UINT uResolution ,

setinterval 调用函数

06-09