0

JavaScriptでタイマーを作成するためのチュートリアルに従っていますが、ブラウザーにタイマーを表示させることができません。Dreamweaverを使用していますが、「ライブビュー」ではタイマーが正常に表示されますが、ブラウザウィンドウには何も表示されません。私は何が欠けていますか？

これはメインのHTMLページです。

<html>
    <head>
        <script type="text/javascript" src="/Timer2.js" />
    </head>
    <body>
        <div id='timer' />
        <script type="text/javascript">
            window.onload = CreateTimer("timer", 90);
        </script>
    </head>
    </body>
</html>

これはJavaScriptタイマー関数です。timer2.js：

var Timer;
var TotalSeconds;

function CreateTimer(TimerID, Time) {
    Timer = document.getElementById(TimerID);
    TotalSeconds = Time;

    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}

function Tick() {
    if (TotalSeconds <= 0) {
        alert("Time's up!")
        return;
    }

    TotalSeconds -= 1;
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}

function UpdateTimer() {
    Timer.innerHTML = TotalSeconds;
}

function UpdateTimer() {
    var Seconds = TotalSeconds;

    var Days = Math.floor(Seconds / 86400);
    Seconds -= Days * 86400;

    var Hours = Math.floor(Seconds / 3600);
    Seconds -= Hours * (3600);

    var Minutes = Math.floor(Seconds / 60);
    Seconds -= Minutes * (60);

    var TimeStr = ((Days > 0) ? Days + " days " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds)

    Timer.innerHTML = TimeStr ;
}


function LeadingZero(Time) {
    return (Time < 10) ? "0" + Time : + Time;
}
4

2 に答える 2

4

スクリプトタグをセルフクローズすることはできません。あなたは書かなければなりません<script ....></script>

于 2012-08-08T22:59:29.140 に答える
1

書い<div id="timer"></div>ていいえ<div id='timer' />

コードの最後にある を削除</head>し、スクリプトが再び機能しない場合はsrc="Timer2.js"、"/" なしで試してください。

于 2012-08-08T23:05:42.483 に答える