jq计算在网页停留时间，微信分享接口使用

最新推荐文章于 2021-03-13 14:49:46 发布

qq_36653015

最新推荐文章于 2021-03-13 14:49:46 发布

阅读量792

点赞数

本文链接：https://blog.csdn.net/qq_36653015/article/details/80447799

版权

<!DOCTYPE html>
<head>
<title>微信js分享接口</title>
<meta charset="UTF-8">
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

</head>
<body >

<script>

$(document).ready(function(){
initPage();
visit_timing();

});
function visit_timing()
{
var start;
var end;
var duration = 0;
start = new Date();
console.log(start)

$(window).bind('beforeunload', function(e) {//绑定用户刷新，关闭事件
console.info("在页面停留时间",duration)//打印出停留时间
end = new Date();//用户退出时间
duration = end.getTime() - start.getTime();
duration = duration/1000;//取的是秒
var datatime=duration
event.returnValue=datatime;
return datatime
//如果需要上传到接口则输入以下代码
// $.ajax({
// type: 'POST',
// async: false,//这块至关重要，用$post默认是true
// url: 'url',//上传到需要的地址
// data: {b:duration}//需要post的数据
// });
});
}

function initPage() {
alert(window.location.href);/***用于获得当前连接url用**/
/***用户点击分享到微信圈后加载接口接口*******/
$.post("http://xxxxxxx.xxxxx.xxx/demo/wm/share.do",{"url":window.location.href},function(data,status){
data=eval("("+data+")");
//console.log(data.appid+" "+data.timestamp+" "+data.nonceStr+" "+data.signature);
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: data.appid, // 必填，公众号的唯一标识
timestamp:data.timestamp , // 必填，生成签名的时间戳
nonceStr: data.nonceStr, // 必填，生成签名的随机串
signature: data.signature,// 必填，签名，见附录1
jsApiList: [
'checkJsApi',//判断当前客户端版本是否支持指定JS接口
'onMenuShareTimeline',//分享到朋友圈接口
'onMenuShareAppMessage',//分享到微信好友接口
] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
var shareTitle = "一起分享吧！";
var shareImg = "http://imgsrc.baidu.com/baike/pic/item/509b9fcb7bf335ab52664fdb.jpg";
wx.ready(function(){
alert("准备分享");
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success: function(res) {
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
wx.onMenuShareTimeline({//分享到朋友圈
title : shareTitle, // 分享标题
link : '', // 分享链接
imgUrl : shareImg, // 分享图标
success : function() {
// 用户确认分享后执行的回调函数
alert("分享成功");
},
cancel : function() {
// 用户取消分享后执行的回调函数
alert("分享取消");
}
});
//wx.hideOptionMenu();/***隐藏分享菜单****/
wx.onMenuShareAppMessage({//分享给微信朋友
title : shareTitle, // 分享标题
link : '', // 分享链接
imgUrl : shareImg, // 分享图标
success : function() {
// 用户确认分享后执行的回调函数
alert("分享成功");
},
cancel : function() {
// 用户取消分享后执行的回调函数
alert("分享取消");
}

});
});
});
}
</script>

</body>
</html>