木头 CodingWeb前端之路网页前端后台技巧(CSS+HTML)

js setInterval 代码实现页面轮询

2017-08-10  本文已影响255人  泥豆芽儿MT

概念介绍

setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval 被调用或窗口被关闭。
由 setInterval 返回的ID值可用作 clearInterval 方法的参数。
提示: 1000 毫秒= 1 秒。

flash用法(来自百度百科)

setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

实现代码(监测支付状态)

    $(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");
        }
    }
上一篇下一篇

猜你喜欢

热点阅读