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 相关文章推荐
Javascript基础教程之JavaScript语法
Jan 18 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 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
Apache, PHP在Windows 9x/NT下的安装与配置 (二)
2006/10/09 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
微信支付开发维权通知实例
2016/07/12 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
在Javascript中 声明时用"var"与不用"var"的区别
2013/04/15 Javascript
jquery数组之存放checkbox全选值示例代码
2013/12/20 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
TensorFlow高效读取数据的方法示例
2018/02/06 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
十佳班主任事迹材料
2014/01/18 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
工作经验交流材料
2014/12/30 职场文书
三国演义读书笔记
2015/06/25 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python