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 相关文章推荐
js 学习笔记(三)
Dec 29 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
引用外部js乱码问题分析及解决方案
Apr 12 Javascript
小米公司JavaScript面试题
Dec 29 Javascript
Three.js学习之网格
Aug 10 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
electron实现qq快捷登录的方法示例
Oct 22 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 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 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
解析php5配置使用pdo
2013/07/03 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
javascript String 对象
2008/04/25 Javascript
Cookie 注入是怎样产生的
2009/04/08 Javascript
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
Python的面向对象思想分析
2015/01/14 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
Python pytesseract验证码识别库用法解析
2020/06/29 Python
Python 实现简单的客户端认证
2020/07/29 Python
Python中Selenium模块的使用详解
2020/10/09 Python
如何一键升级Python所有包
2020/11/05 Python
python如何调用php文件中的函数详解
2020/12/29 Python
幼师求职信
2014/06/23 职场文书
会计试用期自我评价
2014/09/19 职场文书
2019广播稿怎么写
2019/04/17 职场文书
对Keras自带Loss Function的深入研究
2021/05/25 Python