2014-02-05 3 views
2

Поэтому у меня есть этот код в теле моего HTML,Нужна помощь в обновлении текст несколько раз в Javascript

<div id="timer"> 
<div id="years">## Years</div> 
<div id="months">## Months</div> 
<div id="days">## Days</div> 
<div id="hours">## Hours</div> 
<div id="minutes">## Minutes</div> 
<div id="seconds">## Seconds</div> 
<div id="milliseconds">## Milliseconds</div> 
</div> 

, и я хотел бы заменить «##» со значениями некоторых переменных, которые у меня есть настроены, но замените их на переменные, как я буду делать это с помощью Javascript?

+0

Вы что-нибудь пытались? – danronmoon

+1

Какая часть решения вам не понятна? – RedFilter

+0

Я попытался использовать некоторые js для замены текста, но я не могу его заменить, после того как он уже был изменен. Есть ли способ заменить текст на основе идентификатора div, чтобы контент не имел значения, его просто заменили? –

ответ

3

Вы попробуете это

var years="12";  
document.getElementById("years").innerHTML=document.getElementById("years").innerHTML.replace("##",years); 

var months="11" 
document.getElementById("months").innerHTML=document.getElementById("months").innerHTML.replace("##",months); 

И точно так же для других элементов

DEMO

UPDATE:

Для раз вам придется сделать что-то вроде этого

var seconds=0; 
var inner=document.getElementById("seconds").innerHTML; 
setInterval(function(){ 

document.getElementById("seconds").innerHTML=seconds+inner.substring(2); 
    seconds+=1; 
    },1000); 

DEMO2

+0

хорошо, что изменилось после того, как изменились годы? Я хочу, чтобы содержимое каждого div обновлялось как изменение минут/секунд/часов/ect без необходимости обновлять страницу. –

+0

Вам нужно будет изменить только ваши годы, месяцы и т. Д. И включите этот код в интервал – laaposto

+0

Так что в принципе я должен есть setInterval вокруг отдельной освежающей функции? –

Смежные вопросы