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 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
node.js路径处理方法以及绝对路径详解
Mar 04 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
Nuxt.js实战详解
Jan 18 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
vue cli3适配所有端方案的实现
Apr 13 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中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
在JavaScript并非所有的一切都是对象
2013/04/11 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
JQuery的ON()方法支持的所有事件罗列
2015/02/28 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
快速查询Python文档方法分享
2017/12/27 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
如何用Python 加密文件
2020/09/10 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
医院护士求职自荐信格式
2013/09/21 职场文书
幼儿师范毕业生自荐信
2013/11/09 职场文书
家长写给孩子的评语
2014/04/18 职场文书
护理目标管理责任书
2014/07/25 职场文书
办理房产过户的委托书
2014/09/14 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript
Django一小时写出账号密码管理系统
2021/04/29 Python