Question

我正在尝试设置localStorage，以便在单击按钮时存储背景颜色已更改的次数。我还需要能够在任何给定的时间点清除它，最后当文档启动或重新加载页面时，访问上面步骤中保存的计数。如果没有任何数据 - 那么这是第一次访问该网站，因此无需显示计数。

我不知道将localStorage放到哪里可以获取计数，或者如何设置按钮来清除localStorage，对不起那些人我是非常新的并且很难尝试学习这个。我不是在寻找任何人为我编写代码我只是在寻找有关下一步做什么的建议

代码低于任何帮助，非常感谢

全部谢谢！

<!DOCTYPE html>

<html lang="en">
  <head> 
    <title> </title> 
    <meta charset="utf-8"> 
    <script type="text/javascript">
      var count = 0; 
      var interval; 

      function getRandom(num){ 
          return Math.floor(Math.random()*num); 
      } 

      function changeColor(){ 
          count ++; 

          var num1 = getRandom(255); 
          var num2 = getRandom(255); 
          var num3 = getRandom(255); 
          var col = "rgb("+num1+","+num2+","+num3+")"; 
          var div = document.getElementById( 'myDiv' );

          div.style.background = col; 
      }



      function stop() { 
          clearInterval(interval);

          alert('The background color has changed ' + count + ' times before you clicked me!'); 
      } 

      interval = setInterval("changeColor()", 2000);
    </script>

    <style type="text/css">
      .Div {
          position:absolute;
          width: 800px;
          height: 100px;
          z-index: 15;
          top: 50%;
          left: 15%;
          background: red;
      }
    </style>
  </head>
  <body onLoad="setInterval()">
    <div id="myDiv" class="Div">
      <input type="button" onClick="stop()", value="I like this color" align="absmiddle">
    </div>
  </body> 
</html>

使用localStorage并存储计数读数

0 个答案: