JavaScriptでHTMLカウントダウン

JavaScriptを使用して簡単なHTMLカウントダウンを作成しようとしています.thisの例に従ってください。しかし、それは動作していません。私は000webhostで自分のファイルをホストしています。あなたは間違ったことを見ますか？JavaScriptでHTMLカウントダウン

<html> 
    <head> 
     <script src="/js/countdown.js"> 
      var clock = document.getElementById("countdown-holder") 
      , targetDate = new Date(2050, 00, 01); // Jan 1, 2050; 
      clock.innerHTML = countdown(targetDate).toString(); 
      setInterval(function(){ 
      clock.innerHTML = countdown(targetDate).toString(); 
      }, 1000); 
     </script> 
    </head> 

    <body> 
     Countdown until 2050 
     <h1 id="countdown-holder"></h1> 
    </body> 
</html>

出典

2017-12-01 Tovynato

コードは大丈夫です。あなたの/js/countdown.jsを適切に配置していますか？ – entio

カウントダウンが定義されていません。 countdown.jsファイルには何が入っていますか？関数はどのように見えますか？ – ptts

あなたは、コードの残りの部分と同じスクリプトタグ内の/js/countdown.jsファイルをインクルードしようとしています。ファイルを最初に含めてから、divの内容を更新する新しいスクリプトタグをコードに使用する必要があります。このように：問題が解決しない場合は

<script src="/js/countdown.js"></script> 
<script> 
    var clock = document.getElementById("countdown-holder") 
    , targetDate = new Date(2050, 00, 01); // Jan 1, 2050; 
    clock.innerHTML = countdown(targetDate).toString(); 
    setInterval(function(){ 
    clock.innerHTML = countdown(targetDate).toString(); 
    }, 1000); 
</script>

、それはcountdown-holder div要素が存在する前にスクリプトが実行されている可能性があります。 </body>の直前にスクリプトタグをファイルの最後まで移動してみてください。

出典

2017-12-01 09:46:54 SharkofMirkwood

これはシャムのように機能しました！最初に私は新しいスクリプトタグを追加しましたが、それは助けになりませんでした。その後、私はあなたの2番目のヒントに従って、それは働いた。ありがとうございました！あなたの答えを5分で受け入れるでしょう（限界は私を制限します）。このような迅速な対応に感謝します。本当に感謝。 – Tovynato

JavaScriptでHTMLカウントダウン

答えて

関連する問題