Добрый день! 
Я только недавно начал писать на JavaScript, и пытался написать для своего сайта
часы, чтобы человек мог в любое время посмотреть время. Но столкнулся с такой проблемой, что
часы нужно обновлять каждую 1 - 1.5 секунд, чтобы постоянно ставить нужное время, и в итоге на сайте
очень низкая производительность, и даже другие сайты начинают лагать из-за этого. А если я поставлю обновление раз в минуту, то тогда часы будут неправильно обновляться. Например человек зайдёт на сайт в
12 минут 30 секунд, и часы обновятся не в
13 минут 0 секунд, а в
13 минут 30 секунд. Как можно оптимизировать это, и возможно ли это вообще?
Это код на часы:
function watch() {
var time = new Date();
var h = time.getHours();
var m = time.getMinutes();
var text = document.createTextNode("0:00");
var b = document.createElement("p");
b.appendChild(text);
b.setAttribute("id", "clock");
var parent = document.getElementById("maind"); //Это div
var child = document.getElementById("clock"); //Это текст для часов
parent.replaceChild(b, child);
if(m>=10) {
text.nodeValue = h + ":" + m;
}
if(m<10) {
text.nodeValue = h + ":" + "0" + m; //Чтобы показывало не 8:2, а 8:02
}
}
setInterval(watch, 1500);
У меня есть идея, как-то отключать этот код пока человек не на сайте, тогда хотя бы не лагали бы другие сайты. Но как? Заранее спасибо!
