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中常用的55个经典技巧
Aug 12 Javascript
jquery数组过滤筛选方法grep()简介
Jun 06 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
javascript格式化日期时间方法汇总
Jun 19 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
JS获取一个表单字段中多条数据并转化为json格式
Oct 17 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 Javascript
JavaScript十大取整方法实例教程
Dec 03 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支持页面回退的两种方法[转]
2007/02/14 PHP
php查找任何页面上的所有链接的方法
2013/12/03 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
PHP清除缓存的几种方法总结
2017/09/12 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
YII框架常用技巧总结
2019/04/27 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
vue实现浏览器全屏展示功能
2019/11/27 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
Python连接SQLServer2000的方法详解
2017/04/19 Python
浅谈python for循环的巧妙运用(迭代、列表生成式)
2017/09/26 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
Spy++的使用方法及下载教程
2021/01/29 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
医学专业毕业生个人的求职信
2013/12/04 职场文书
副总经理任命书
2014/06/05 职场文书
个人委托书怎么写
2014/09/17 职场文书
写给医生的感谢信
2015/01/22 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
指导老师鉴定意见
2015/06/05 职场文书
卡特教练观后感
2015/06/08 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python