每小时选择一个随机报价

时间:2016-06-23 11:17:37

标签: javascript html css database quote

我想在我的页面添加一些东西,带有一点动机,每小时或每天都会发生变化。 我想写下文档中的所有引号,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)

2 个答案:

答案 0 :(得分: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

只是一个想法,希望它能帮到你。如果您希望向每个人显示相同的消息,则每小时只保留一条消息。我的意思是,这是一个免费的服务器&#34;选项。这将每天显示相同的消息,顺便说一句。

答案 1 :(得分:0)

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

int rand(int $ min,int $ max)

返回$ min和$ max之间的整数(在您的情况下,min和max id)。 然后将显示与该id对应的报价。 P.S我知道这不能回答你的问题,但是它的建议(因为我不足以评论:P)