search

Home  >  Q&A  >  body text

javascript - 网页加载一次怎么 变换里面的微信号一次

比如我在网页里 放一个微信号 45648 1231 456 然后网页加载一次怎么让 这几个微信号轮换呢？

高洛峰高洛峰2872 days ago788

reply all(1)I'll reply

  • PHPz

    PHPz2017-04-11 13:08:05

    <html>

<head></head>

<body>
  <p id="wechat"></p>
  <script>
  var wechatIds = ['45648', ' 1231', '456'],
    wechatIdsKey = 0;
  if (window.localStorage.getItem('wechatIdsKey') == null) {
    window.localStorage.setItem('wechatIdsKey', 0);
  } else {
    wechatIdsKey = window.localStorage.getItem('wechatIdsKey');
    wechatIdsKey++;
    if (wechatIdsKey >= wechatIds.length) {
      wechatIdsKey = 0;
    }
    window.localStorage.setItem('wechatIdsKey', wechatIdsKey);
  }
  document.getElementById('wechat').innerHTML = wechatIds[wechatIdsKey];
  </script>
</body>

</html>

    多个：

    <html>

<head></head>

<body>
  <p class="wechat"></p>
  <p class="wechat"></p>
  <p class="wechat"></p>
  <script>
  var wechatIds = ['45648', ' 1231', '456'],
    wechatIdsKey = 0;
  if (window.localStorage.getItem('wechatIdsKey') == null) {
    window.localStorage.setItem('wechatIdsKey', 0);
  } else {
    wechatIdsKey = window.localStorage.getItem('wechatIdsKey');
    wechatIdsKey++;
    if (wechatIdsKey >= wechatIds.length) {
      wechatIdsKey = 0;
    }
    window.localStorage.setItem('wechatIdsKey', wechatIdsKey);
  }
  for (var i = 0, l = document.getElementsByClassName('wechat').length; i < l; i++) {
    document.getElementsByClassName('wechat')[i].innerHTML = wechatIds[wechatIdsKey];
  }
  </script>
</body>

</html>

    reply
    0
  • Cancelreply