HTML Javascript - setInterval не работает должным образом

Здесь я использую код ниже для использования функции setInterval() Javascript. Код работает только один раз, когда он не запускает docoment.write, чтобы записать значение i в браузере. Может кто-нибудь пожалуйста, дайте мне знать, на каком месте я не прав с моим кодом:HTML Javascript - setInterval не работает должным образом

<html> 
<head> 
    <script type="text/javascript"> 
    function inCreas(){ 
     var i = 0; 
     var interval = setInterval(func,2000); 
     function func(){i++; 
      document.write("<p>This is the value of i : "+ i +"</p>"); 
      } 
    } 
    </script> 
    </head> 
    <body onload="inCreas()"> 

    </body> 
    </html>

Я попытался это в IE 8 и Firefox 24.0, но результат тот же.

Заранее спасибо. Vasudev

источник

2013-11-23 vasudev mukherjee

Вы не можете использовать 'document.write' после того, как документ завершил загрузку. Выберите элемент, к которому вы хотите добавить контент, и либо создайте новые узлы DOM, либо добавьте их, либо добавьте дополнительную строку HTML в свойство 'innerHTML'. –

Вы не можете? Он работает в Chrome. – PMint

document.write работает только до тех пор, пока документ «открыт». Он закрывается, когда достигается конечная точка html. После этого при вызове document.write открывается совершенно новый документ.

Теперь это происходит на странице:

оригинальный документ создается и функция OnLoad зарегистрирована.
документ закрыт
функция setInterval запускает
Поскольку существующий документ уже закрыт, новый создается, полностью переписав старую. Вы можете проверить это, поместив некоторые вещи в тег тела - он исчезнет, как только будет выполнен document.write. Это создает совершенно новый контекст - ваш setInterval также больше не присутствует в новом документе.

Для того, чтобы достигнуть нужного эффекта, то вместо этого вы можете использовать innerHTML - см. DEMO.

источник

2013-11-23 15:12:27 Christoph

HTML Javascript - setInterval не работает должным образом

ответ

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