Javascript未显示在浏览器中

Javascript not displaying in browser

本文关键字：浏览器 显示 Javascript      更新时间：2023-09-26

我正在学习有关在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;
}

您无法自行关闭脚本标记。你必须写<script ....></script>

写<div id="timer"></div>，没有<div id='timer' />

删除代码底部的</head>，如果您的脚本再次不起作用，请尝试不带"/"的src="Timer2.js"

相关文章：