Mr. Lei

js实现微信号随机切换
目前在帮公司制作推广页,需要放置的业务微信号以及微信号二维码,并且业务号繁多,就以Math方法进行一个随机调用吧 ...
扫描右侧二维码阅读全文
09
2019/04

js实现微信号随机切换

目前在帮公司制作推广页,需要放置的业务微信号以及微信号二维码,并且业务号繁多,就以Math方法进行一个随机调用吧

开始

把所有业务微信号的二维码上传至网站images目录,给每个二维码重命名,统一命名为该二维码的微信号.jpg

function getWx(wx) {
    //定义一个数组,值为二维码图对应的微信号,如 wx1.jpg wx2.jpg wx3.jpg
    var arr_wx = ["wx1", "wx2", "wx3"];
    //执行数组的随机数,获取数组的随机下标
    var wx_index = Math.floor((Math.random() * arr_wx.length));
    //获取到随机下标的微信号
    var wx_id = arr_wx[wx_index];
    //获取随机二维码的文件
    var img = arr_wx[wx_index] + ".jpg";
    //定义一个变量,用于保存随机二维码的url地址
    var wx_img = "<img src='images/" + img + "'>";
    //判断输出的是微信号还是微信二维码图
    wx == "id" ? document.write(wx_id) : wx == "img" ? document.write(wx_img) : "";
}

使用

调用随机微信号

<script>getWx("id")</script>

调用随机二维码图

<script>getWx("img")</script>

直接在页面上找到需要显示微信号和二维码的位置,写入以上即可,这样一来随机切换就实现了,每打开/刷新一次都会以随机数来展现业务微信号和二维码图。

随机数的功能很强大,不止于我这个小demo,以上简单记录,老鸟勿喷。。。。

Last modification:May 24th, 2019 at 12:23 pm

Leave a Comment