每天显示单独的文本字符串

时间:2016-04-19 18:37:29

标签: html alternate

我希望在一周中的每一天显示一个文本字符串或一些代码,持续两周,然后重复。所以通过它将显示星期一1,星期二1 ...星期五1,星期一2,星期二2 ...星期五2.然后它将恢复到星期一1.如果没有使用I帧的方式(有拼写这样,所以它会让我从另一个网站发布问题,然后请说。我用I-frame进行了测试,但它似乎永远不会起作用。所以也许一个计数器在达到14时将再次恢复为1。提前谢谢!

1 个答案:

答案 0 :(得分:0)

您应该能够使用以下内容使用纯JavaScript实现它:

Date.prototype.getWeek = function() {
    var onejan = new Date(this.getFullYear(),0,1);
    var today = new Date(this.getFullYear(),this.getMonth(),this.getDate());
    var dayOfYear = ((today - onejan +1)/86400000);
    return Math.ceil(dayOfYear/7)
};

var sentences = ["first", "second", "third", "fourth", "fifth", "sixth", "seventh", "eighth", "ninth", "tenth", "eleventh", "twelvth", "thirsteenth", "fourteenth"];
var date = new Date();
var day = (date.getDay()+6)%7+1;
day = day * ((date.getWeek()%2)+1);
document.getElementById("container").innerHTML = sentences[day-1];

小提琴:https://jsfiddle.net/04wha99e/1/

使用简单的JavaScript,您可以创建一个您希望拥有的句子数组,并且基本上可以获得当周的当天(JavaScript Date.getDay()将星期日返回为0,因此可以使用解决方法)并基于周数奇数或者甚至你将它乘以2乘以1得到1-14的范围,然后从数组中返回句子(起始索引0,因此减1)

上面的脚本假定,您有一个带有id容器的div,其中内部html被替换:

<div id="container">
  This is where the sentence goes
</div>