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源码解读之removeAttr()方法分析
Feb 20 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
js微信扫描二维码登录网站技术原理
Dec 01 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
JS+CSS实现动态时钟
Feb 19 Javascript
解析原生JS getComputedStyle
May 25 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操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
python从ftp下载数据保存实例
2013/11/20 Python
python元组操作实例解析
2014/09/23 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
CentOS 6.5中安装Python 3.6.2的方法步骤
2017/12/03 Python
python对常见数据类型的遍历解析
2019/08/27 Python
Python3常用内置方法代码实例
2019/11/18 Python
python3实现语音转文字(语音识别)和文字转语音(语音合成)
2020/10/14 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
体育教育专业自荐信范文
2013/12/20 职场文书
幼儿园秋游活动方案
2014/01/21 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
绿色学校实施方案
2014/03/31 职场文书
法律意见书范本
2015/06/04 职场文书
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python
Golang入门之计时器
2022/05/04 Golang
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript