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 相关文章推荐
将文本输入框内容加入表中的js代码
Aug 18 Javascript
深入理解JavaScript中的传值与传引用
Dec 09 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
jquery实现左右无缝轮播图
Jul 31 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 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
linux iconv方法的使用
2011/10/01 PHP
PHP获取和操作配置文件php.ini的几个函数介绍
2013/06/24 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
javascript编程异常处理实例小结
2015/11/30 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
2019/09/27 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
Python之re操作方法(详解)
2017/06/14 Python
python实现学生信息管理系统
2020/04/05 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
奇怪的鱼:Weird Fish
2018/03/18 全球购物
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
劳资专员岗位职责
2013/12/27 职场文书
小学庆六一活动方案
2014/02/28 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
大学军训的体会
2014/11/08 职场文书
高一军训决心书
2015/02/05 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers
Python中字符串对象语法分享
2022/02/24 Python
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android