js每隔两秒输出数组中的一项(实例)


Posted in Javascript onMay 28, 2017

实例如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div id="time"></div>
<script>
    arr=[1,2,3,4,5,6,7,8,9];
    i=0;
    var t=setInterval('show()',2000);
    function show() {
      $("#time").append(arr[i]);
      i=i+1;
      //如果超过数组长度,清除定时器
      if(i>arr.length){
        clearInterval(t)
      }
    }
</script>
</body>
</html>

以上这篇js每隔两秒输出数组中的一项(实例)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
JS删除字符串中重复字符方法
Mar 09 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
老生常谈js数据类型
Aug 03 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
Vue formData实现图片上传
Aug 20 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 Javascript
javascript 封装Date日期类实例详解
May 28 #Javascript
Vue实现选择城市功能
May 27 #Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 #Javascript
vue子组件使用自定义事件向父组件传递数据
May 27 #Javascript
javascript回调函数的概念理解与用法分析
May 27 #Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 #Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
May 27 #Javascript
You might like
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
PHP微信红包API接口
2015/12/05 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
如何解决Jquery库及其他库之间的$命名冲突
2013/09/15 Javascript
jquery简单实现鼠标经过导航条改变背景图
2013/12/17 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
网页右下角弹出窗体实现代码
2014/06/05 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
2017/03/09 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
Python截图并保存的具体实例
2021/01/14 Python
简单说下OSPF的操作过程
2014/08/13 面试题
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
CAD制图设计师自荐信
2014/01/29 职场文书
家长评语和期望
2014/02/10 职场文书
小学德育工作总结2015
2015/05/12 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
Python办公自动化解决world文件批量转换
2021/09/15 Python