2016-04-19 7 views
0

Я хочу отобразить текстовую строку или немного кода каждый день недели в течение двух недель, а затем повторится. Таким образом, через дни он покажет понедельник 1, вторник 1 ... Пятница 1, понедельник 2, вторник 2 ... Пятница 2. Затем он вернется обратно в понедельник 1. Если есть способ без использования I-кадра (есть чтобы это было написано так, что это позволит мне опубликовать вопрос) с другого сайта, пожалуйста, скажите. Я тестировал I-frame, но он никогда не работает. Поэтому, возможно, счетчик, который при достижении 14 вернется к 1 снова. Заранее спасибо!Отображать отдельные текстовые строки каждый день

ответ

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]; 

Fiddle: https://jsfiddle.net/04wha99e/1/

Используя простой JavaScript, вы создаете массив предложений, которые вы хотите иметь, и в основном получают текущий день недели (JavaScript Date.getDay() возвращает воскресенье как 0, следовательно, обходной путь) и на основании того, что номер недели является нечетным или даже вы умножаете его на 1 на 2, получая диапазон 1-14, а затем возвращаете предложение из массива (начальный индекс 0, следовательно минус 1)

выше сценарий предполагает, у вас есть DIV с контейнером ид, где внутренний HTML заменяется:

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

Извините, но когда я ставлю JavaScript в тег сценария и поместить HTML-код на свою страницу он не работает. Я тестировал его на пустой странице, поэтому считаю, что это проблема с кодом, а не с моей страницей. – DrCharlieG

+0

Да, я намеревался дать вам идею и компоненты для этого, не выполняя всю задачу для вас, однако я добавил ссылку jsfiddle на рабочий элемент: https://jsfiddle.net/04wha99e/ Также начальная код был написан без тестирования и отсутствовал% 2 после получения недели, который вы должны были найти на основе описания идеи, которое я дал. –

+0

без выходов журнала консоли: https://jsfiddle.net/04wha99e/1/ Вы также должны убедиться, что javascript загружен после того, как на самом деле есть элементы, либо поместив скрипт после контейнера предложения html, либо используя window.onload с чистым JS или $ (document) .ready() с jQuery –