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类中获取外部函数名的方法
Aug 19 Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
May 19 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
小程序实现点击tab切换左右滑动
Nov 16 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
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
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
php var_export与var_dump 输出的不同
2013/08/09 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
Js四则运算函数代码
2012/07/21 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
vue使用stompjs实现mqtt消息推送通知
2017/06/22 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
python基础教程之缩进介绍
2014/08/29 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
Django中ORM的基本使用教程
2020/12/22 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
什么是封装
2013/03/26 面试题
生物技术专业研究生自荐信
2013/09/22 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
社团活动总结书
2014/06/27 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
分享CSS盒子模型隐藏的几种方式
2022/02/28 HTML / CSS