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

Question

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

PHPz · Answer

<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>
</code></pre>
<p>多个：</p>
<pre class='brush:php;toolbar:false;'><code class="html"><html>

<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>
</code></pre>