随机显示微信号，并复制跳转微信

之前写过一篇复制微信号并跳转微信的示例，对于固定的一个微信号是可以使用的，但是不能满足多个微信号随机显示并复制跳转的问题。这里补充一下示例。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>随机显示微信号，并复制跳转微信</title>
</head>
<style>a:link{text-decoration:none;}/* 指正常的未被访问过的链接*/a:visited{text-decoration:none;}/*指已经访问过的链接*/a:hover{text-decoration:none;}/*指鼠标在链接*/a:active{text-decoration:none;}/* 指正在点的链接*/.wx{width: 90%;margin-left: 5%;font-size: 18px;color:white;text-align: center;background-color: #ff7f2e;border-radius: 5px;line-height: 40px;}.wx a{font-size: 18px;color:white;}/*弹窗*/.tan{width:80%;height:180px;background-color:#e8e8e8;position:fixed;left:10%;top:40%;display:none;z-index: 200;}.kuang{height:120px;text-align:center;padding: 20px 0;}.txtcss{color:red;font-weight:800;font-size:20px;}.copy{font-size: 16px;float: left;background-color: #5AD700;padding: 5px 20px;margin-left: 25%;color: black;border-radius: 5px;}.copy a{color: white;}.guanbi{width:20px;height:20px;color:red;margin-top:-130px;}
</style><body><div class="row">张三的微信号是<span onclick="showwx()" class="copy_content txtcss"></span>，（点击微信号复制）</div><div class="row">张三的微信号是<span onclick="showwx()" class="copy_content txtcss"></span>，（点击微信号复制）</div><div class="row"><div class="wx" onclick="showwx()">添加微信了解更多</div></div><!--弹窗--><div id='myshow' class="tan"><div class="kuang">咨询学费<br/>了解更多<br/>请添加微信:<br/><span id="copy_content" class="copy_content txtcss"></span></div><div style="height: 10px;"></div><p onclick="copywx()" class="copy"><a href="weixin://">复制并跳转微信</a></p><div onclick="closeshow()" class="closeshow pull-right guanbi">x</div></div><script>/*点击复制微信号*/function copywx(){const range = document.createRange();range.selectNode(document.getElementById('copy_content'));const selection = window.getSelection();if(selection.rangeCount > 0) selection.removeAllRanges();selection.addRange(range);document.execCommand('copy');alert("复制成功！");}/*点击出现弹框*/function showwx(){var ss=document.getElementById('myshow');ss.style.display='block';}/*关闭弹窗*/function closeshow(){var ss=document.getElementById('myshow');ss.style.display='none';}/*微信号数组*/var arr_wx=['微信1','微信2','微信3'];var index=0;//进入页面每隔一定时间随机显示微信号function change(){var copy_content=document.getElementsByClassName('copy_content');index=Math.floor(Math.random()*arr_wx.length);for(var i=0;i<copy_content.length;i++){copy_content[i].innerText=arr_wx[index];}}change();setInterval('change()',1000*60);</script></body>
</html>

效果如下，样式可以自己调整

随机显示微信号，并复制跳转微信相关推荐

微信好友只有昵称没有微信号_为什么微信好友的个人资料有的显示微信号，而有的只有个昵称？...
对方用手机号码注册微信,或者绑定了手机号码,而你又恰巧在手机里存了他的手机号码,这种情况微信就会显示他的手机号码.你没有存他的手机号码就不显示,可以防止信息泄露. 你一定用手机号码绑定了微信,并且把通 ...
2023 点击微信号复制跳转微信网页源码
最近,有客户委托我们开发一个手机网站,要求在网站上实现"一键复制微信号并自动打开微信加好友"的功能.那么我们该如何实现这个功能呢? 首先,我们需要在网页上设置一个按钮,按钮上显示客 ...
微信6月5号12点半发布可以更改微信号，为什么我的微信号不能修改？解决办法【亲测可用】，微信号修改，改微信号方法
2020年6月5号12点半,微信官方称微信最新版本可以更改微信号了,只限安卓版,苹果的可能要等一段时间才行,安卓的能改也是一年改一次不过对于年少轻狂年代使用的微信号,现在回头看看,那感觉-哎!言语无 ...
安卓ios混合开发技术_微信已支持改微信号，安卓最新版微信一年可修改一次
紫金财经6月5日消息今日,腾讯方面发文称,安卓最新版微信已经支持微信号修改,且一年只可修改一次.随后网友们表示,微信团队终于将大家期盼已久的问题给解决了,奥利给! 腾讯官微表示,这次推出的微信号可修 ...
手把手教你扩展个人微信号（2）（微信控制器、群发助手、好友删除检测）...
现在的日常生活已经离不开微信,本文将会抛砖引玉演示如何使用Python调用微信API做一些有意思的东西. 看完这一系列教程,你就能从头开始实现自己关于微信的想法. 本文为教程的第二部分,主要以微信控制 ...
android 绑定微信号,Android工作整理-梳理微信的登录、分享与支付
概念预设用户在使用微信支付时,钱是到了所配置的商户号里. 商户号要配置到 APP.公众号或小程序里 [商户号名称一]商户号:aaaaaa [商户号名称二]商户号:bbbbbb 一个邮箱只能创建一个公 ...
当前记录集不支持更新_微信现已正式支持修改微信号！微信7.0.16内测版更新（附下载）...
还记得微信安卓7.0.15内测版吗?这一版本带来了大家期待已久的深色模式独立设置功能.这不,时隔近一个月,微信安卓内测版又更新了. 最新版本号是7.0.16,更新日志显示"本次更新优化了一些 ...
iOS版微信跟上了！已支持改微信号，修改后好友不会收到提醒
修改微信号终于不再是安卓用户的特权了,iOS版微信终于跟上了. 昨天晚间,微信官方宣布,iOS版微信已经支持改微信号,更新到7.0.13版本即可体验.新功能正在逐步覆盖中,如暂不可用请稍后再试. 在最 ...
android改微信号码,安卓版微信更新，已支持修改微信号
人类的悲欢并不相通,除了曾经想改却不能改的微信号. 现在,安卓最新版的微信支持修改微信号了! 那些过往时刻,你觉得微信号非改不可的时刻,还记得吗?以下场景可能过于真实,很容易引起不适. 别人的微信号里 ...

随机显示微信号，并复制跳转微信

随机显示微信号，并复制跳转微信相关推荐

最新文章

热门文章