查看: 287|回复: 0

JS实现单页站刷新随机显示二维码

[复制链接]

该用户从未签到

26

主题

29

帖子

173

积分

注册会员

Rank: 2

积分
173
累计在线
1110分钟
发表于 2019-4-30 23:03:47 | 显示全部楼层 |阅读模式
如果您觉得本站不错,请访问下面的链接,您每天的首次访问,我可以得到4分钱,仅是一个网页,不修改浏览器首页,举手之劳,希望您能支持
支持我
那么在自己建网站过程中,怎么实现这种刷新随机显示二维码效果呢?这也需要使用JS来实现。下面学做网站论坛介绍一下制作方法。
方法/步骤
  • 首页在页面的</head> 标签上方,放上以下的JS代码,并且修改多个微信号;
    1. <script>
    2.     var msg = ["wx01","wx02","wx03","wx04","wx05"];
    3.     var shu = Math.floor(Math.random() * msg.length)+1;
    4.     var msgtp = msg[shu-1];     
    5.     </script>
    复制代码


  • 使用以下的JS代码来调用随机的微信号;
    1. <script>document.write(msgtp)</script>
    复制代码



  • 使用以下的JS代码来调用随机的二维码图片;
    1. <script>document.write(' <img id="wx_pic" src="./images/wx0'+shu+'.jpg" alt="">')</script>
    复制代码




通过以上的方法就可以在自己建网站时,实现刷新随机显示二维码和微信号的效果了,每刷新一次就会自动更换一个二维码和微信号。
补充
除了上面的写法之外,还可以按照下面的书写。
首先将几个微信号名称填入到代码中,注意微信图也用微信名进行命名,使用PNG格式。
  1. <script>
  2.     var arr_wx = ['wx01','wx02','wx03','wx04']
  3.     var wx_index = Math.floor((Math.random() * arr_wx.length));
  4.     stxlwx = arr_wx[wx_index];
  5.     var wx = "<img src='images/"+stxlwx+".png'>";
  6. </script>
复制代码



微信名调用:
  1. <script>document.write(stxlwx);</script>
复制代码



微信图调用:
  1. <script>document.write(wx);</script>
复制代码




您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表