2016-08-13 5 views
-5

私はウェブ開発の初心者ですし、次のコード私の手を試してみました:なぜJavascriptが実行されないのですか?

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>A Generic Page </title> 
    <script type="text/javascript"> 
     setTimeOut(wakeUpUser, 5000); 
     function wakeUpUser() { 
      alert("Time to make life interesting"); 
     } 
    </script> 
</head> 
<body> 
     <h1>Just a generic heading </h1> 
     <p>Just a normal paragraph</p> 
    </body> 
    </html> 

しかし、スクリプトだけ退屈な静的なHTML page.Iを実行していない、間違ったの頭からのJavascript Programming.Isに本を、以下のいこの例?

+4

あなたを学ぶまでsetTimeout'、JSは、大文字と小文字が区別 –

+0

待ちである '試してみてくださいあなたの頭に 'onload'イベントを使用しない限り、要素は未定義です。ちょうど別のヒント、あなたはあまりにもその質問をする必要があります。 – PHPglue

+2

**ブラウザ開発ツール** - それらを使用 –

答えて

5

これはあなたのコード内のスクリプトエラーでは、実際のケースに「のSetTimeout」を変更します。 私はコードの結果とバグ修正コードの結果の両方を添付しました。

修正前
setTimeout(wakeUpUser, 5000); 

あなたのコード:バグ修正後 Code with Script Error

結果:

Working Code

+0

初心者のための非常に良い答え+1 –

+1

私は、ブラウザのエラー表示は、 "F12"キーを押して表示できるクロムブラウザの "開発ツール"を使用していることを強調したいブラウザと同じF12キーを使用すると、ブラウザの開発者ツールオプションが非表示になります。 –

+0

ありがとう、@NirmalGoswami、画像を見るだけで初心者が簡単に理解できる。 –

-2

関数が宣言された後にsetTimeoutを移動してみてください。

お客様のブラウザの開発者ツールには、発生したエラーが表示されます。特に 'コンソール'。

ハッピーコーディング!

編集:また、あなたはあなたのJavaScriptでタイプミスを持つのsetTimeout

6

の小さなOについての他の回答を参照してください。 setTimeoutは小さい "o"で書かれていなければなりません。

-1

私は、declare関数の後OのsetTimeout使用 O instehあなたに多くのコールを考える:) ...あなたはjQueryライブラリを持っていない場合。代わりに「setTimeoutメソッド」のコード内だけの超小型タイプミス、のsetInterval機能:)よりexaple

http://www.w3schools.com/jsref/met_win_setinterval.asp

+0

jQueryと何が関係していますか?なぜ彼らはここでsetIntervalを使いたいのですか? – JJJ

+0

いいえ、私はsetTimeout関数は、長い時間の後に関数を自動呼び出しのための1つのソリューションではないことを意味します。 setIntervalはこれを行うためのorther関数です – HoangHieu

1

を使用しようと、それは小文字にする必要がある「O」、そう「のsetTimeout」。ここでは、完全な抜粋です:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>A Generic Page </title> 
    <script type="text/javascript"> 
     setTimeout(wakeUpUser, 5000); 
     function wakeUpUser() { 
     alert("Time to make life interesting"); 
    } 
</script> 
</head> 
<body> 
    <h1>Just a generic heading </h1> 
    <p>Just a normal paragraph</p> 
</body> 
</html> 
関連する問題