JavaScript 间隔5s 依次打印数组中的值，无限循环执行

最新推荐文章于 2023-06-13 15:01:21 发布
最新推荐文章于 2023-06-13 15:01:21 发布
阅读量1.1k 收藏 4
点赞数
分类专栏： 前端 HTML JavaScript 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39251440/article/details/122146840
版权
前端 同时被 3 个专栏收录
40 篇文章 0 订阅
订阅专栏
JavaScript
32 篇文章 0 订阅
订阅专栏
HTML
18 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>间隔打印</title>
	</head>
	<body>
		定时遍历数组值，间隔打印 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
		<div id="text"></div>
	</body>
	<script type="text/javascript">
		let dataList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
		let sleep = 5000; //时间 5s
		
		function runEachArray(sleep, arr, index) {
			if (index == null) {
				index = 0
			}
			//div 赋值
			document.getElementById('text').innerHTML = arr[index];
			index++;
			if (index <= arr.length) {
				setTimeout(() => {
					runEachArray(sleep, arr, index);
				}, sleep)
			} else {
				runEachArray(sleep, arr, null)
			}
		}

		runEachArray(sleep, dataList, null)
	</script>
</html>
万德佛
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript检查某个元素在数组中的索引值
10-22
在js中提供数据查找了函数有很多，但我查找了很久都没有能实现我要的方法，后来发现可以使用indexOf函数来实现查找与定位数组元素索引值的具体方法，各位朋友可参考
在JavaScript中每5秒调用一个函数
RJ_0517b的博客
11-04 2426
setInterval(function (){ alert("Hello"); }, 3000);
JS的24种循环遍历方式
CDSN_Dark的博客
10-02 1871
24个JavaScript循环遍历方法 一、数组遍历方法 1. forEach() forEach方法用于调用数组的每个元素，并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下： array.forEach(function(currentValue, index, arr){}, thisValue) 该方法的第一个参数为回调函数，是必传的。他有三个参数： currentValue：必需，当前元素 index：可选。当前元素的索引值 arr：可选、当前元素所属的数组对象 let a
js设置每隔几秒就执行一次操作
热门推荐
爱米酱的博客
12-27 1万+
setInterval(function () { //每5秒刷新一次图表 //需要执行的代码写在这里 }, 5000);
JavaScript中常见的循环遍历
最新发布
YM123456999的博客
06-13 314
js循环、JavaScript循环、for循环、for...in、for...of、forEach、filter、some、every、map
js中的定时器
wytraining
12-27 5863
每隔五秒打印 0-10 var index = 0; setInterval(function () { //如果大于10， 则重新赋值为0 if (index > 10) { index = 0 } console.log(index); index++; }, 5000); 每隔五秒 调用一次后台接口 window....
for循环实现每一秒输出数组中的一个数字
pon的博客
01-05 1945
直接上代码： let arr = [1,2,3,4,5,6]; for(let i = 0; i < arr.length; i++){ //立即执行函数 (function(j){ setTimeout(function(){ console.log(arr[j]); },1000*j) })(i) }
js中间隔一段时间打印数组中的值
kuke_kuke的博客
11-01 3873
间隔一段时间打印数组中的一个值在我们的实际操作中，时常会遇到这样一个问题，比如：有一个数组 arr = [1,2,3,4,5]; 要求间隔1s中打印数组中的一个值，与停止1s在打印数组中的值，下面分别列出这两种情况的解决方法。
js定时循环输出数组的值
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
03-08 1385
var arr = [23, 2, 3, 45, 67, 43]; var length = arr.length; var i = 0; for (i; i < length; i++) { var j = 0; setTimeout(function () { console.log(arr[j++]...
(vue中) js 修改数组，(打印)数组中值已变化，视图不更新(html中值未变)。（如：修改数组中图片未更新）
Shimeng_1989的博客
08-12 1008
js 修改数组，视图不更新(数组中值已变化)。（场景，如：修改数组中图片未更新）
javascript中数组中求最大值示例代码
10-26
数组如何求最大值，想必很多的朋友都不会吧，本文为大家介绍下javascript中数组是如何求最大值的，感兴趣的朋友不要错过
JavaScript学习笔记之取数组中最大值和最小值
01-19
在实际业务中有的时候要取出数组中的最大值或最小值。但在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢？那么今天我们就来整理取出数组中最大值和最小值的一些...
javascript中利用数组实现的循环队列代码
10-29
javascript中利用数组实现的循环队列代码，需要的朋友可以参考下。
Vue项目报错: Uncaught TypeError: vuex__WEBPACK_IMPORTED_MODULE_1__.default.store is not a constructor
一念执着
01-28 9872
此错误是由于Vuex创建Store的时候写成了小写S才导致报错。 控制台错误信息: 解决方法:
百度Echarts设置markPoint展示样式
一念执着
11-16 6219
以下仅供参考~ 效果图: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://lib.baomitu.com/echarts/4.7.0/echarts.js"></script> </h
由于页面定时器多次调用Echars图表导致系统页面报内存不足的错误(喔唷，崩溃啦! 错误代码:Out of Memory)解决方案
一念执着
09-05 4746
页面定时刷新情况下： 1.初始化echarts前先判断echarts对象是否存在，防止重复初始化： var myChart = echarts.getInstanceByDom(document.getElementById(echarsName)); if (myChart === undefined) { myChart = echarts.init(document.getElementById(echarsName)); } 2.构建echarts时先清除原先数据，释放内存： myChart.
uni-app 开发微信小程序项目运行时报错 Error: tourist appid
一念执着
04-06 4700
以下是uni-app小程序开发项目: 微信小程序开发工具中错误提示: 解决措施(示例开发工具:HBuilder X ): 找到你项目中的JSON配置文件 --> 找到微信小程序配置 --> 输入微信小程序 appid -> 重新运行 ...
Echarts堆叠图 Tooltip提示信息 数量+百分比 显示
一念执着
05-13 3935
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>堆叠图</title> </head> <body> <div id="container" style="width:100%;height:600px;"></div> <!--其他样式自行加上即可--> ...
Echars 热力图 自定义颜色
一念执着
04-18 3875
以下仅供参考~ 注意: 一定要注意echars版本 需要实现的效果是: target 、 Safe Time 单独指定颜色，超时时间数量根据条件指定对应颜色 效果图: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>热力图 自定义颜色</title> <style type="text/css"> body { backg
怎么样在JavaScript中循环打印数组 var
03-05
可以使用 for 循环来遍历数组，代码如下： var arr = [1, 2, 3, 4, 5]; for (var i = ; i < arr.length; i++) { console.log(arr[i]); } 这样就可以循环打印数组中的每一个元素了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值