每 24 小时生成随机字符串然后刷新 JavaScript？

Question

我一直在尝试做的事情可能比我想象的要复杂一些。 所以我想要完成的是...... 通过javascript（我有代码）生成一个随机字符串，但只在凌晨12点或每24小时生成一个新字符串强>。

我拥有的代码应该可以工作（不能），这就是我需要帮助的地方。

<div id="password1">
</div>
<script>
  var d = new Date();
  var n = d.getDay();
  var passwords = [makeid(10)[n]]; //want it to be 10... stay the same characters for 24hrs then change

  document.getElementById("password1").innerHTML = passwords[n];

  function makeid(length) {
    var result = [];
    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var charactersLength = characters.length;
    for (var i = 0; i < length; i++) {
      result.push(characters.charAt(Math.floor(Math.random() *
        charactersLength)));
    }
    return result.join('');
  }

</script>

是否可以使用 javascript，这是一个简单的解决方案还是语法错误？我不知道...

我查看了这个，找不到任何类似的帖子...

Answer 1

由于您已经编写了自己的密码生成器，因此我使用您的代码制作了一个持续 24 小时的新密码字符串，除非 localStorage 被清除。

Cookie 也可以使用，但是 localStorage 和 Cookie 都不能在沙盒环境中正常运行，所以在你自己的开发环境中尝试一下。请注意，存储密码等私有值不利于安全性。

<div id="password1">
</div>
<script>
  function makeid(length) {
    var result = [];
    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var charactersLength = characters.length;
    for (var i = 0; i < length; i++) {
      result.push(characters.charAt(Math.floor(Math.random() *
        charactersLength)));
    }
    return result.join('');
  }
  const key = "keyForTheVulnurablePassword";
  if(localStorage.getItem(key) == null) {
    let expireDate = new Date();
    expireDate.setDate(expireDate.getDate() + 1);
    localStorage.setItem(key, JSON.stringify({pw:makeid(10), expire:expireDate}));
  }
  else {
    let currentDate = new Date();
    let storedExpireDate = new Date(JSON.parse(localStorage.getItem(key)).expire);
    if(storedExpireDate <= currentDate) {
      while(storedExpireDate <= currentDate) {
        storedExpireDate.setDate(storedExpireDate.getDate() + 1);
      }
      localStorage.setItem(key, JSON.stringify({pw:makeid(10), expire:storedExpireDate}));
    }
  }
document.getElementById("password1").innerHTML = JSON.parse(localStorage.getItem(key)).pw;
</script>

Answer 2

<div id="password1">
</div>
<script>
   function execute(){
         var d = new Date();
         var n = d.getDay();
         var passwords = [makeid(10)[n]]; //want it to be 10... stay the same characters for 24hrs then change
       
         document.getElementById("password1").innerHTML = passwords[n];
   }
  function makeid(length) {
    var result = [];
    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var charactersLength = characters.length;
    for (var i = 0; i < length; i++) {
      result.push(characters.charAt(Math.floor(Math.random() *
        charactersLength)));
    }
    return result.join('');
  }

const milisecondsUntil12Pm = 1000 // Write here the number of Miliseconds until 12 pm at the timeof run this script
setTimeout(()=> {
    execute()
 setInterval(()=> {
        execute()
    }, 86400000) // 24 hours * 60 minutes * 60 seconds * 1000 miliseconds = 86400000 Miliseconds
}, milisecondsUntil12Pm) 


</script>