主后端操作支付  : 创建订单->提交订单->获取支付的微信二维码或者支付宝链接 ->扫码支付 ->后端监听改变订单状态 

if (this.payType == 1) {

//微信支付走这里  payData.data二维码链接

this.wechatQrcode = payData.data;

} else {

//支付宝支付走这里 payData.data为跳转支付宝支付链接

window.open(payData.data);

}

//倒计时

方法

leftTimer(enddate) {

var leftTime = (new Date(enddate)) - new Date(); //计算剩余的毫秒数

var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数

var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时

var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟

var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数

if ( hours >= 0 || minutes >= 0 || seconds >= 0) {

this.dateDjs =  hours + "小时" + minutes + "分" + seconds + "秒"

}

if (hours <= 0 && minutes <= 0 && seconds <= 0) {

clearInterval(this.ordertimer);

this.ordertimer = null;

}

},

v //结束时间  时间戳

调用

go(v){

var self=this

var date1=new Date(),data2=new Date(v);

if(data2<date1)return;//设置的时间小于现在时间退出

this.ordertimer = setInterval(function(){self.leftTimer(data2)}, 1000);

},

【前端 H5】网页H5 调用微信支付和支付宝支付 流程相关推荐

  1. H5页面中调用微信和支付宝支付

    最近在工作中,有个H5页面需要实现微信支付和支付宝支付的功能,现在已经完成,抽个时间写出来,分享给有需要的人. 第一步:先判断当前环境 判断用户所属环境,根据环境不同,执行不同的支付程序. if (/ ...

  2. 如何将h5网页改成微信网页

    1.如何将h5网页改成微信网页 1.设置安全域名           先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名&qu ...

  3. h5网页跳转微信小程序

    H5网页跳转微信小程序 再次记录下, 通过使用微信开放标签,可便捷的跳转到微信小程序. 文章目录 H5网页跳转微信小程序 效果图 一.小程序跳转按钮 二.开放标签使用步骤 1. 绑定域名 2. 引入j ...

  4. 苹果关于微信网页支付和支付宝支付遇到的一些问题

    苹果关于微信网页支付和支付宝支付遇到的一些问题 1.微信网页支付,支付宝网页支付(现在都是用wkwebview,就不在写关于webview的了) static const NSString *Comp ...

  5. 微信支付和支付宝支付整合(含设计模式1)

    微信支付和支付宝支付整合(含设计模式1) 1.说明: 设计模式:单例+策略模式+抽象 在开发中经常对接微信支付和支付宝支付,相对来说,阿里的文档比微信的接口文档清晰一点,这里用的第三方库(com.gi ...

  6. “一码多付”,微信支付、支付宝支付

    写着写着,越写越多,思绪写不下了,回头写在前面的话.此系统属个人创业项目,历时3个月,主要实现自助按摩椅.娃娃机.自动换币器功能,主要流程就是用户扫码二维码->授权获取用户信息->弹出H5 ...

  7. 使用uniapp开发字节跳动小程序的微信支付和支付宝支付(后端PHP,tp5)

    使用uniapp开发字节跳动小程序的微信支付和支付宝支付(后端PHP,tp5) 准备工作 微信支付配置 支付宝支付配置 字节跳动配置 1,微信支付配置: 开通微信支付的h5支付,关联APPID,保存k ...

  8. springboot版本的微信支付和支付宝支付

    最近公司需要做一个在微信公众号中实现支付宝支付的项目 网上找了很多资料和问了好久的支付宝客服 终于整理出一份跑的通的项目 注意:微信支付和支付宝支付需要公司资质 微信公众号中使用微信支付是JSAPI进 ...

  9. java实现微信支付与支付宝支付接口

    因为公司要求需要写支付宝支付与微信支付现在写完了,总结一下: 支付宝支付: 支付宝支付比较简单首先我说一下支付宝支付与微信支付大概的流程,就拿支付宝支付来说(微信同理) 首先去蚂蚁金服注册一下App ...

  10. uniapp实现微信支付、支付宝支付

    前言: 本文只介绍了代码片段,如果需要支付前准备的流程可以继续浏览查找(狗头) 该方法是开发uniapp时使用的,未涉及5+APP 前端部分并不复杂,只是有些流程步骤有些杂乱,正常都是后端去和微信交互 ...

最新文章

  1. 成功解决 修改pip的默认安装packages包的路径
  2. 【linux】 redhat中设置时区
  3. eclipse如何设置js源文件编码
  4. 斗地主AI算法——第十三章の主动出牌(2)
  5. Python学习笔记五
  6. 【科普文】一文详解红外遥控模块工作原理
  7. 墨者学院 - 零基础学习手工SQL注入
  8. 【Bandit Algorithms学习笔记】EXP3算法理论证明
  9. qlv格式转换mp4方法
  10. MATLAB常用快捷键总结
  11. 艾肯声卡安装调试方法【必看】
  12. Linux下,为应用程序添加桌面图标(ubuntu18.4)
  13. FFmpeg 音视频截取
  14. 问题定义工具和三种问题定义思维模式
  15. mockito的用法
  16. CAP 定理、 BASE 理论
  17. 鸡头?凤尾?请过来人给指点下
  18. 内部揭秘:《经济学人》图表原来是用这些工具制作的
  19. 中国 KubeCon + CloudNativeCon 演讲提案征集
  20. poi包的使用和Excel的操作

热门文章

  1. 是什么让区块链游戏变的“好玩”
  2. VS2017 下QT工程不能生成moc文件的解决方法
  3. 浏览淘宝网页背后所发生的事情
  4. 怎么用matlab分解因式,MATLAB因式分解
  5. applicationContext.xml读取properties中属性
  6. PHPSTORM+phpstudy 显示waiting for incoming connection with ide key
  7. 可移除 否_用友软件U861质量管理培训 免费阅读可下载
  8. 微信小程序代码保存后,自动格式化代码
  9. java技术栈 高清视频
  10. 时间管理37条法则:让盖茨、巴菲特受益一生