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 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
jQuery插件开发全解析
Oct 10 Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 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计算数组不为空元素个数的方法
2014/01/27 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
微信小程序左右滑动切换页面详解及实例代码
2017/02/28 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
详解Layer弹出层样式
2017/08/21 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
详细解读Python中的__init__()方法
2015/05/02 Python
Python学习入门之区块链详解
2017/07/25 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
pytorch 求网络模型参数实例
2019/12/30 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
园林设计师自荐信
2013/11/18 职场文书
大队委员竞选稿
2015/11/20 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技