每小时选择一个随机报价

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

我不能说每小时或每天都选择一个报价，但每次刷新页面时可能会有不同的报价。您可以将引号存储在 table 中并为每个引号指定一个 ID。然后，在您的页面中，您必须连接到数据库并调用一个随机 ID，这可以通过 :

int rand ( int $min , int $max )

其中 returns $min 和 $max 之间的整数（在您的例子中，最小和最大 ID）。然后将显示与该 id 对应的报价。 P.S 我知道这不能回答你的问题，但它是一个建议（因为我没有足够的声誉来评论 :P ）

Answer 2

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

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

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

每小时选择一个随机报价

Pick a random quote each hour

html

javascript

css

database

quote