Форум

Dimanchik87 · #1 (**permalink**) 06.03.2013, 14:00

Часы

Почему не работает?
Простейший код,только начинаю осваивать js...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Часы</title>
</head>

<body>
<script type="text/javascript">
function clock()
{
time=new Date();
document.open();
document.write("<h1>"+time.toLocaleTimeString()+"</h1>");
document.close();
}
function start()
{
window.setInterval("clock()",1000)

}
</script>
<a href="javascript:start()">START<a>
</body>
</html>

cyber · #2 (**permalink**) 06.03.2013, 14:44

Dimanchik87, потому что document.write пишет только при загрузки страницы, вот просто пример

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>

    <div id="clock"></div>  
     
    <input type="button" onclick = "stop();" value = "stop">
    <input type="button" onclick = "start();" value = "start">
    
    <script>

  function setClock(container){
   
    var run = true;
    
    function tick() {
    
      var d = new Date();
      
      container.innerHTML = "<h1>"+d.toLocaleTimeString()+"</h1>";
   
      if(run) setTimeout(tick, 1000);
    
    };   
    
    tick();
      
    this.Stop = function(){
    
      run = false;
    
    };
    
    this.Start = function(){
    if(run) return;
      
    run = true;
    tick();
    
    };
  }

var clock = new setClock(document.getElementById("clock"));

      
      function start(){
      
        clock.Start();
      }

      function stop(){
      clock.Stop();
      }      
    </script>

  </body>
</html>

Mukhtar · #3 (**permalink**) 08.03.2013, 03:04

Сообщение от Dimanchik87

Часы

Почему не работает?
Простейший код,только начинаю осваивать js...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Часы</title>
</head>

<body>
<script type="text/javascript">
function clock()
{
time=new Date();
document.open();
document.write("<h1>"+time.toLocaleTimeString()+"</h1>");
document.close();
}
function start()
{
window.setInterval("clock()",1000)

}
</script>
<a href="javascript:start()">START<a>
</body>
</html>

Вот мои часы )

<script type="text/javascript">
function clock() {
var d = new Date();
var day = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

month=new Array("Янв", "Фев", "Март", "Апр", "Май", "Июнь",
"Июль", "Авг", "Сент", "Окт", "Ноя", "Дек");
days=new Array("Воскресенье", "Понедельник", "Вторник", "Среда",
"Четверг", "Пятница", "Суббота");

if (day <= 9) day = "0" + day;
if (hours <= 9) hours = "0" + hours;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;

date_date = days[d.getDay()] + ", "  + month[d.getMonth()] + " " + day + ", " + d.getFullYear();
date_time = hours + ":" + minutes + ":" + seconds;

if (document.layers) {
 document.layers.date.document.write(date_time);
 document.layers.date.document.close();
 document.layers.time.document.write(date_time);
 document.layers.time.document.close();
}
else {
 document.getElementById("date").innerHTML = date_date;
}
 setTimeout("clock()", 1000);
}
clock();
</script>

Форум

Справочник

Discord чат

Курсы javascript