woonem
@woonem

Как с помощью JS на странице обновлять текст?

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>GoDaemon</title>
<link href="/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="block">
<div class="cell">
<div class="center">

<div class="i">Key:</div>
<script type="text/javascript"><!--
document.write('')
//--></script>

</div>
</div>
</div>

</body>
</html>


Там где document.write() надо писать и обновлять значение файла /key каждые 3 секунды.
  • Вопрос задан
  • 948 просмотров
Решения вопроса 1
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
<span class="fileData"></span>

var xhr;
setInterval(function(){ 
  xhr&&xhr.abort();
  xhr =  new XMLHttpRequest();
  //xhr.timeout = 3000; - изначально подумал я. 
  //Но ведь интервал может повториться раньше, когда браузеру в голову взбредет...
  //Так что будем юзать abort
  xhr.onreadystatechange = function(){
     if(xhr.readyState == 4){
        document.querySelector(".fileData").textContent = xhr.responseText;
     }
  }
  xhr.open('GET', '/key', true);
  xhr.send();

}, 3000);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@ps1panda
Верстальщик, начинающий front-end
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>GoDaemon</title>
<link href="/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="block">
<div class="cell">
<div class="center">

<div class="i">Key:</div>
<script type="text/javascript">

function timeout() {
 document.write('text')
}
setTimeout(timeout, 2000)
</script>

</div>
</div>
</div>

</body>
</html>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы