前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信免接口分享实现思路及代码

微信免接口分享实现思路及代码

作者头像
用户10106350
发布2022-10-28 10:28:46
4020
发布2022-10-28 10:28:46
举报
文章被收录于专栏:WflynnWeb

代码已上传至github github代码地址:https://github.com/Miofly/mio.git

免接口分享

实现免接口分享的逻辑:监听用户离开页面

代码语言:javascript
复制
var shareATimes = 0
var shareTTimes = 0
var hiddenProperty = 'hidden' in document ? 'hidden'
    : 'webkitHidden' in document ? 'webkitHidden'
        : 'mozHidden' in document ? 'mozHidden'
            : null
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange')
var onVisibilityChange = function () {
    if (!document[hiddenProperty]) {
        window.show_time = Date.now()
        if (show_time - hidden_time > 100) { // 用来判断用户离开页面事件
            // if (show_time - hidden_time > 0) {
            shareATimes += 1
            if (shareATimes > 4) {
                shareTTimes += 1
                setTimeout(share_tip(shareATimes, shareTTimes), 100)
            } else {
                setTimeout(share_tip(shareATimes, -1), 100)
            }
        } else {
            console.log(11)
            // alert('分享失败')
        }
    } else {
        window.hidden_time = Date.now()
    }
}

监听用户是否离开页面

代码语言:javascript
复制
document.addEventListener(visibilityChangeEvent, onVisibilityChange) // 监听

分享方法的处理,可根据用户离开页面的次数依次处理

代码语言:javascript
复制
function share_tip(share_app_times, share_timeline_times) { // 分享处理
    console.log('处理了吗')

    if (share_timeline_times == -1) {
        if (shareATimes == 1) {
            $('#modal').css('animation', 'shakeOne 2s 2 linear')
            $('#fscg').html('发送成功<br>')
            $('#jx').html('请您继续分享视频至<br><span style="font-size: 1.3rem">\n' +
                '\t\t\t<span style="color: red;font-weight: bold">2</span>个微信群</span>\n' +
                '\t\t\t<br>分享后立即观看VIP免费视频')
        } else if (shareATimes == 2) {
            $('#modal').css('animation', 'shakeTwo 2s 2 linear')
            $('#jx').html('请您继续分享视频至<br><span style="font-size: 1.3rem">\n' +
                '\t\t\t<span style="color: red;font-weight: bold">1</span>个微信群</span>\n' +
                '\t\t\t<br>分享后立即观看VIP免费视频')
        } else {

        }
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-05-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 WflynnWeb 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档