javascript - 每小时选择一个随机报价

Question

我想在我的页面上添加一些励志名言，这些名言每小时或每天都会变化。我想写下文档中的所有引用，然后 javascript(或其他)每天选择其中一个引用并将它们放在我的页面上。我认为它可能适用于列表，例如:

<ul>
   <li>It’s not that I’m so smart, it’s just that I stay with problems longer.</li>
   <li>Eighty percent of success is showing up.</li>
   <li>I respect faith, but doubt is what gets you an education.</li>
   <li>...</li>
<ul>

这在某种程度上是可能的还是我必须手动更改它们(可能使用 CMS 或直接在 HTML 中)

Answer 1

完全有可能，但是，如果没有任何服务器端代码，您将无法确保向每个访问者显示相同的消息，甚至无法在另一个浏览器实例中显示相同的访问者。我写了一些可以作为的东西:在一组消息之间随机选择一条消息，每次有人进入您的页面时都会随机选择一条消息，请参阅:

var phrases = [
    {
      hour: 0,
      content : [
        "Be or not to be",
        "Foo",
        "Bar"
      ]
    },
    {
      hour: 1,
      content : [
        "Be or not to be",
        "Foo",
        "Bar"
      ]
    }
];

var phrase = undefined; //get one randomly based on new Date().getHours()
document.addEventListener('DOMContentLoaded', function() {
   document.getElementById('phrase').innerHTML = phrase;
});

完整示例参见:

https://plnkr.co/edit/tBcH5DYxYTxl2kBtp0yk?p=preview

一点想法，希望对你有帮助。如果您希望向所有人显示相同的消息，则每小时只保留一条消息。我的意思是，这是一个“无服务器”选项。这将每天显示相同的消息，顺便说一句。