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实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
基于jquery animate操作css样式属性小结
Nov 27 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
关于Stream和Buffer的相互转换详解
Jul 26 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
JavaScript错误处理操作实例详解
Jan 04 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
功能完善的小程序日历组件的实现
Mar 31 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中cookie的作用域
2008/03/27 PHP
php获取随机数组列表的方法
2014/11/13 PHP
linux下php上传文件注意事项
2016/06/11 PHP
php源码的安装方法和实例
2019/09/26 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
javascript 全等号运算符使用说明
2010/05/31 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
详解vue中组件参数
2018/07/09 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
关于angular引入ng-zorro的问题浅析
2020/09/09 Javascript
django模板加载静态文件的方法步骤
2019/03/01 Python
python 操作hive pyhs2方式
2019/12/21 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
Python函数式编程实例详解
2020/01/17 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
安全标准化汇报材料
2014/02/03 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
财政局长个人总结
2015/03/04 职场文书
大学生团日活动总结
2015/05/06 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
MySQL完整性约束的定义与实例教程
2021/05/30 MySQL
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL