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 Ajax.ashx 高效分页实现代码
Oct 20 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
Mar 01 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
jQuery中:focus选择器用法实例
Dec 30 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
js实现数组转换成json
Jun 26 Javascript
使用开源工具制作网页验证码的方法
Oct 17 Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
gulp构建小程序的方法步骤
May 31 Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 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递归调用与静态变量使用
2012/12/16 PHP
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
PHP多进程简单实例小结
2019/11/09 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
基于JavaScript实现一定时间后去执行一个函数
2015/12/14 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
Python实现读取文件最后n行的方法
2017/02/23 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
python学生管理系统开发
2019/01/30 Python
sklearn+python:线性回归案例
2020/02/24 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
2020/07/03 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
全球最大的游戏市场:G2A
2018/07/05 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
文言文形式的学生求职信
2013/12/03 职场文书
保护环境倡议书
2014/04/14 职场文书
主题班会演讲稿
2014/05/22 职场文书
幼师自荐信范文
2015/03/06 职场文书
python画条形图的具体代码
2022/04/20 Python
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技