Vlastný Countdown () - JavaScript.

[PowerJesus]

Už ma nebavilo pozerať sa na tie dlhé scripty na stránkach,
kde musíte pár sekúnd čakať, aby ste si stiahli nejaký súbor.
Preto som sa pustil do svojho riešenia - čo najjednoduchšieho.

Obsah súboru countdown.js:

Kód: Vybrať všetko

/* Declare function Countdown (): */
function Countdown () {
  
  /* Set recursive repeating of function: */
  var repeating = window.setTimeout ('Countdown ()', 1000);
      
  /* Set variables: */
  var seconds = document.getElementById('seconds');
      
  /* Check, if seconds count is lower than 2: */
  if (seconds.innerHTML < 2) {
  
    /* Clear interval: */
    window.clearTimeout (repeating);
  
    /* Show message: */
    seconds.innerHTML = 'Great success, dude!';
  
  } else {
      
    /* Perform calculations and set new variables: */
    var calculation = seconds.innerHTML - 1;
      
    /* Show new seconds count: */
    seconds.innerHTML = calculation;
        
  }
    
}

Obsah HTML súboru:

Kód: Vybrať všetko

<script type='text/javascript' src='countdown.js'></script>

<script type='text/javascript'>
  /* Call function Countdown (): */
  Countdown ();
</script>


<h1 id='seconds'>10</h1>

Script funguje ako má, akurát browsery mi hádžu errory,
že premenná seconds na riadku 11 je nulová.

Vie mi niekto povedať prečo? Vďaka.

[badyto]

dovod preco ti to hadze chybu: prvy krat ked volas countdown() tak este neexistuje element h1 'seconds' v ktorom mas tych '10'
riesenie: zavolaj funkciu countdown() az po tom ako existuje element h1 'seconds' jednoduche co?
takto:

Kód: Vybrať všetko

<h1 id='seconds'>10</h1>
<script type='text/javascript'>
  /* Call function Countdown (): */
  Countdown ();
</script>