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 数字格式化输出的实现代码
Dec 10 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
js HTML5多媒体影音播放
Oct 17 Javascript
详解Js中的模块化是如何实现的
Oct 18 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 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中使用Oracle数据库(5)
2006/10/09 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
ie focus bug 解决方法
2009/09/03 Javascript
(function($){...})(jQuery)的意思
2010/07/22 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
2013/10/11 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
JavaScript自定义超时API代码实例
2020/04/30 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
[41:20]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS DK
2014/05/26 DOTA
Python中的多行注释文档编写风格汇总
2016/06/16 Python
python fabric实现远程部署
2017/01/05 Python
详解Python中is和==的区别
2019/03/21 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
预备党员思想汇报范文
2013/12/29 职场文书
新闻报道策划方案
2014/06/11 职场文书
电子专业求职信
2014/06/19 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
小学假期安全广播稿
2014/09/28 职场文书
六一儿童节开幕词
2015/01/29 职场文书
2016年寒假家长评语
2015/10/10 职场文书
先进个人主要事迹范文
2015/11/04 职场文书