1

私はJavascriptが初めてです。呼び方や使い方がよくわかりません。また、あまり役に立たない Web サイトもあります。だから私はあなたたちが大きな助けになるだろうと思った.

私はこれまでのところこれを持っています：

<!DOCTYPE html>
<html>
<head>
    <META HTTP-EQUIV="refresh" CONTENT="2">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Current Time</title>
</head>
<body>
    <div class="navBar">
        <a class="nav" href="http://www.blah.com">blah</a>
        <a class="nav" href="http://www.blah2.com">blah2</a>
        <a class="nav" href="https://www.blah3.com">blah3</a>
        <script type="text/javascript">
            function getBostonDate(){
                var currentDate = new Date();
                var dateTime = "Boston current time: " + currentDate.getHours() + ":" + currentDate.getMiutes() + ":" + currentDate.getSeconds();
                document.write(dateTime);
            }
        </script>
    </div>
</body>
</html>

ご覧のとおり、ヘッダーにいくつかのリンクを表示してから、日付を表示したいだけです。（プロフィールによるとボストンにいるのでそこを利用しました。）

また、それを独自の .js ファイルに入れて外部から呼び出し、そのコード行を HTML の一部に配置しようとしました。しかし、それでも、呼び出したい場所（リンクの後）で呼び出す方法がわかりません。助けてください？

前もって感謝します！

4

6 に答える 6

6

次のように、時間を表示するコードに div を追加します。

<div id="display_time"></div>

そして、document.write...使用する代わりに：

document.getElementById("display_time").innerHTML=dateTime;

時間を常に更新したい場合は、次のように を使用setIntervalします。

setInterval( 
    // YOUR FUNCTION HERE
,1000);

これにより、時間が再計算され、1000 ミリ秒 (=1 秒) ごとに再表示されます。

EDIT：Jon Pが述べたように、関数を呼び出す必要があります（定義するだけではありません）。これを行う方法は、ページの本文が読み込まれた後に呼び出すことです。body次のようにタグに追加するだけです。

<body onload="setInterval(getBostonDate(),1000);">

または、次のように、スクリプト内で呼び出すこともできます。

setInterval(getBostonDate(),1000);

getMinutes()また、Samurai が述べたように、タイプミスを修正することを忘れないでください:getMiutes()

于 2013-08-02T01:14:16.217 に答える