JS SetInterval 代码实现页面轮询


Posted in Javascript onAugust 11, 2017

概念介绍

setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval 被调用或窗口被关闭。

由 setInterval 返回的ID值可用作 clearInterval 方法的参数。

提示: 1000 毫秒= 1 秒。

flash用法(来自百度百科)

setInterval 动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下:

setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

语法

JS SetInterval 代码实现页面轮询

实现代码(监测支付状态)

$(document).ready(function(){
  var timer = setInterval(function(){ajax_wx_pay_status(timer)},3000);
 });
 function ajax_wx_pay_status(timer) {
  var toUrl = "{:U('Order/ajax_get_pay_status')}";
  var orderUrl = "{:U('Member/myorder')}";
  if ($("#out_trade_no").val() != 0) {
   $.post(
     toUrl,
     {out_trade_no:$("#out_trade_no").val()},
     function (res) {
      if (res.status == 1) { //订单状态为1表示支付成功
       //此处可以进行相应业务代码的编写,例如支付成功提示,或者直接进行页面跳转.
       clearInterval(timer);
       //window.location.href = orderUrl; //页面跳转
      }
     },"JSON");
  }
 }

总结

以上所述是小编给大家介绍的JS SetInterval 代码实现页面轮询,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 操作XML入门
Dec 25 Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
Node.js Buffer用法解读
May 18 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
Aug 11 #Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 #Javascript
原生js 封装get ,post, delete 请求的实例
Aug 11 #Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 #Javascript
JS非空验证及邮箱验证的实例
Aug 11 #Javascript
vue如何获取点击事件源的方法
Aug 10 #Javascript
Vue单文件组件基础模板小结
Aug 10 #Javascript
You might like
php 进度条实现代码
2009/03/10 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
PHP判断JSON对象是否存在的方法(推荐)
2016/07/06 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
jQuery第三课 修改元素属性及内容的代码
2010/03/14 Javascript
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
简单学习vue指令directive
2016/11/03 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
开源Web应用框架Django图文教程
2017/03/09 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
python使用selenium登录QQ邮箱(附带滑动解锁)
2019/01/23 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
python 标准差计算的实现(std)
2019/07/29 Python
CSS3实现3D翻书效果
2016/06/20 HTML / CSS
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
大学校庆邀请函
2014/01/11 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
小学学校评估方案
2014/06/08 职场文书
擅自离岗检讨书
2014/09/12 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
开幕式邀请函
2015/01/31 职场文书
伏羲庙导游词
2015/02/09 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
新手初学Java List 接口
2021/07/07 Java/Android
nginx日志格式分析和修改
2022/04/28 Servers