第三方支付對接開發

<script type="text/javascript">    

    var myTimer;
    var strcode = 'HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03';

    function timer(intDiff) {
        myTimer = window.setInterval(function () {
            var day = 0,
                hour = 0,
                minute = 0,
                second = 0;//時間預設值
            if (intDiff > 0) {
                day = Math.floor(intDiff / (60 * 60 * 24));
                hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            }
            if (minute <= 9) minute = '0' + minute;
            if (second <= 9) second = '0' + second;
            $('#hour_show').html('<s id="h"></s>' + hour + '時');
            $('#minute_show').html('<s></s>' + minute + '分');
            $('#second_show').html('<s></s>' + second + '秒');
            if (hour <= 0 && minute <= 0 && second <= 0) {
                qrcode_timeout();
                clearInterval(myTimer);
            }
            intDiff--;
            
            if (strcode != ""){
                checkdata();
            }
            
        }, 2000);
    }

    function checkdata(){
        $.post(
            "/getresult",
            {
                paysapi_id : "babc6773eba8a7ae22c13d3a",
            },
            function(data){
                if (data.code > 0){
                    window.clearInterval(timer);
                    $("#show_qrcode").attr("src","images/pay_ok.png");
                    $("#use").remove();
                    $("#money").text("支付成功");
                    $("#msg").html("<h1>即將返回商家頁</h1>");
                    if (isMobile() == 1){
                        $(".paybtn").html('<a href="' + data.url + '" class="btn btn-primary">返回商家頁</a>');
                        setTimeout(function(){
                            // window.location = data.url;
                            location.replace(data.url)
                        }, 3000);
                    }else{
                        $("#msg").html("<h1>即將<a href='https://www.paysapi.com/'>跳轉</a>回商家頁</h1>");
                        setTimeout(function(){
                            // window.location = data.url;
                            location.replace(data.url)
                        }, 3000);
                    }
                    
                }
            }
        );
    }

    function qrcode_timeout(){
        $('#show_qrcode').attr("src","images/qrcode_timeout.png");
        $("#use").hide();
        $('#msg').html("<h1>請重新整理本頁</h1>");
        
    }

    function isWeixin() { 
        var ua = window.navigator.userAgent.toLowerCase(); 
        if (ua.match(/MicroMessenger/i) == 'micromessenger') { 
            return 1;
        } else { 
            return 0;
        } 
    }

    function isMobile() {
        var ua = navigator.userAgent.toLowerCase();
        _long_matches = 'googlebot-mobile|android|avantgo|blackberry|blazer|elaine|hiptop|ip(hone|od)|kindle|midp|mmp|mobile|o2|opera mini|palm( os)?|pda|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino|maemo|fennec';
        _long_matches = new RegExp(_long_matches);
        _short_matches = '1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-';
        _short_matches = new RegExp(_short_matches);
        if (_long_matches.test(ua)) {
            return 1;
        }
        user_agent = ua.substring(0, 4);
        if (_short_matches.test(user_agent)) {
            return 1;
        }
        return 0;
    }
    //本地生成二維碼
    function showCodeImage(){
        var qrcode = $('#qrcode').qrcode({  
            text: 'HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03',  
            width: 200,  
            height: 200,
        }).hide();  
        //新增文字  
        var outTime = '過期時間：2018-04-08 23:09:22';//過期時間
        var canvas = qrcode.find('canvas').get(0);  
        var oldCtx = canvas.getContext('2d');  
        var imgCanvas = document.getElementById('imgCanvas');  
        var ctx = imgCanvas.getContext('2d');  
        ctx.fillStyle = 'white';  
        ctx.fillRect(0,0,310,270);  
        ctx.putImageData(oldCtx.getImageData(0, 0, 200, 200), 55, 20);  
        //ctx.stroke = 3;  
        ctx.textBaseline = 'middle';  
        ctx.textAlign = 'center';  
        ctx.font ="15px Arial";  
        ctx.fillStyle = '#00c800';
        ctx.strokeStyle = '#00c800'
        ctx.fillText(outTime, imgCanvas.width / 2, 235 );  
        ctx.strokeText(outTime, imgCanvas.width / 2, 235);  

        var about = '過期後請勿支付，不自動到賬'; 
        ctx.fillText(about, imgCanvas.width / 2, 260 );  
        ctx.strokeText(about, imgCanvas.width / 2, 260);  

        imgCanvas.style.display = 'none';  
        $('#show_qrcode').attr('src', imgCanvas.toDataURL('image/png')).css({  
            width: 310,height:270  
        }); 
        // $('#downloadbtn').attr('href', imgCanvas.toDataURL('image/png'));
    }

    $().ready(function(){
        //預設6分鐘過期
        timer("300");
        var istype = "1";
        var suremoney = "1";
        var uaa = navigator.userAgent;
        var isiOS = !!uaa.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
        if (isMobile() == 1){
            if (isWeixin() == 1 && istype == 2){
                //微信內建瀏覽器+微信支付
                $("#showtext").text("長按二維碼識別");
            } else{
                //其他手機瀏覽器+支付寶支付
                if (isWeixin() == 0 && istype == 1){
                    $(".paybtn").attr('style','');
                    var goPay = '<span id="goPay"> <span>';
                    //給A標籤中的文字新增一個能被jQuery捕獲的元素
                    $('#alipaybtn').append(goPay);
                    //模擬點選A標籤中的文字
                    $('#goPay').click();

                    $('#msg').html("<h1>支付完成後，請返回此頁</h1>");
                    $(".qrcode-img-wrapper").remove();
                    $(".tip").remove();
                    $(".foot").remove();                                      

                    //$(location).attr('href', 'HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03');
                } else {
                    if (isWeixin() == 0 && istype == 2){
                        //其他手機瀏覽器+微信支付
                        //IOS的排除掉
                        if (isiOS){
                            // showCodeImage();

                            $('.iospayweixinbtn').attr('style','padding-top: 15px;');
                        }else{
                            $(".payweixinbtn").attr('style','padding-top: 15px;');
                        }                    
                        $("#showtext").html("請儲存二維碼到手機<br>微信掃一掃點右上角-從相簿選取");
                    }
                }
            }
        }


        if (isiOS){
            $('#show_qrcode').css({width: 310,height:310});  
        }else{
            var show_expire_time = '1523200162';
            if(show_expire_time!='0'){
                if (document.getElementById("imgCanvas").getContext){
                    try {
                        showCodeImage();
                    } catch (error) {  
                        $('#show_qrcode').attr('src', "http://mobile.qq.com/qrcode?url=HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03"); 
                    }
                }else{
                    $('#show_qrcode').attr('src', "http://mobile.qq.com/qrcode?url=HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03"); 
                    // $('#downloadbtn').attr('href', "http://mobile.qq.com/qrcode?url=HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03");
                }
            }else{
                $('#show_qrcode').attr('src', "http://mobile.qq.com/qrcode?url=HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03");     
                // $('#downloadbtn').attr('href', "http://mobile.qq.com/qrcode?url=HTTPS://QR.ALIPAY.COM/FKX06368SFHS1MACJD0L03");
            }
        }
        
    });



   </script>