启动不正确的javascript

作为我的家庭作业，我必须为数据库frontpage准备一个asp网页。为了获得一些额外的分数，我们可以添加一个javascript。我在脚本教程中找到了一个时钟，并对它进行了一些修改，但我的技能不足以正确放置它

我想把它放在我的母版页上，但如果我这样添加它，整个页面只剩下时钟消失：

<div id="Zawartosc" onload="showTheTime();">
   <%--  clock --%>
   <script src="Script.js"></script>    
</div>

下面是时钟脚本：

function showTheTime() {
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    var ampm = "am";
    var colon = '<IMG SRC="clock/colon.gif">';

    if (hours < 10) hours = "0" + hours;
    else hours = hours + '';

    if (minutes < 10) minutes = "0" + minutes;
    else minutes = minutes + '';

    if (seconds < 10) seconds = "0" + seconds;
    else seconds = seconds + '';

    document.write('<IMG SRC="clock/' + hours.charAt(0) + '.gif">');
    document.write('<IMG SRC="clock/' + hours.charAt(1) + '.gif">');
    document.write(colon);
    document.write('<IMG SRC="clock/' + minutes.charAt(0) + '.gif">');
    document.write('<IMG SRC="clock/' + minutes.charAt(1) + '.gif">');
    document.write(colon);
    document.write('<IMG SRC="clock/' + seconds.charAt(0) + '.gif">');
    document.write('<IMG SRC="clock/' + seconds.charAt(1) + '.gif">');
}
setTimeout("showTheTime()", 1000);
showTheTime();

函数showTheTime（）{
var now=新日期（）；
var hours=now.getHours（）；
var minutes=now.getMinutes（）；
var seconds=now.getSeconds（）；
var ampm=“am”；
var冒号=“”；
如果（小时<10）小时=0“+小时；
否则小时数=小时数+“”；
如果（分钟<10）分钟=“0”+分钟；
否则分钟=分钟+“”；
如果（秒<10）秒=“0”+秒；
否则秒数=秒数+“”；
文件。写（“”）；
文件。写（“”）；
document.write（冒号）；
文件。写（“”）；
文件。写（“”）；
document.write（冒号）；
文件。写（“”）；
文件。写（“”）；
}
设置超时（“showTheTime（）”，1000）；
显示时间（）；

请您引导或帮助我更正代码，并使时钟正确显示在我的页面上，好吗？

来自

write（）方法主要用于测试：如果在 HTML文档已完全加载，它将删除所有现有HTML

从

write（）方法主要用于测试：如果在 HTML文档已完全加载，它将删除所有现有HTML

尝试一下：

    <div id="Zawartosc" onload="showTheTime();">

        <script src="Script.js"></script>
    </div>


function createElementImg(source) {
    var img =  document.createElement('img');
    img.src = source;
    return img;
}
function showTheTime() {
    var clockEle =  document.getElementById("Zawartosc");
    while (clockEle.hasChildNodes()) {
        clockEle.removeChild(clockEle.lastChild);
    }
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    var ampm = "am";
    var colon = "clock/colon.gif";

    if (hours < 10) hours = "0" + hours;
    else hours = hours + '';

    if (minutes < 10) minutes = "0" + minutes;
    else minutes = minutes + '';

    if (seconds < 10) seconds = "0" + seconds;
    else seconds = seconds + '';

    clockEle.appendChild(createElementImg("clock/' + hours.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + hours.charAt(1) + '.gif"));
    clockEle.appendChild(createElementImg(colon));
    clockEle.appendChild(createElementImg("clock/' + minutes.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + minutes.charAt(1) + '.gif"));
    clockEle.appendChild(createElementImg(colon));
    clockEle.appendChild(createElementImg("clock/' + seconds.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + seconds.charAt(1) + '.gif"));
}
setTimeout("showTheTime()", 1000);
showTheTime();

函数createElementImg（源）{
var img=document.createElement（'img'）；
img.src=源；
返回img；
}
函数showTheTime（）{
var clockEle=document.getElementById（“Zawartosc”）；
while（clockEle.hasChildNodes（））{
clockEle.removeChild（clockEle.lastChild）；
}
var now=新日期（）；
var hours=now.getHours（）；
var minutes=now.getMinutes（）；
var seconds=now.getSeconds（）；
var ampm=“am”；
var colon=“clock/colon.gif”；
如果（小时<10）小时=0“+小时；
否则小时数=小时数+“”；
如果（分钟<10）分钟=“0”+分钟；
否则分钟=分钟+“”；
如果（秒<10）秒=“0”+秒；
否则秒数=秒数+“”；
clockEle.appendChild（createElementImg（“clock/'+hours.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+hours.charAt（1）+'.gif”）；
clockEle.appendChild（createElementImg（冒号））；
clockEle.appendChild（createElementImg（“clock/'+minutes.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+minutes.charAt（1）+'.gif”）；
clockEle.appendChild（createElementImg（冒号））；
clockEle.appendChild（createElementImg（“clock/'+seconds.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+seconds.charAt（1）+'.gif”）；
}
设置超时（“showTheTime（）”，1000）；
显示时间（）；

尝试一下：

    <div id="Zawartosc" onload="showTheTime();">

        <script src="Script.js"></script>
    </div>


function createElementImg(source) {
    var img =  document.createElement('img');
    img.src = source;
    return img;
}
function showTheTime() {
    var clockEle =  document.getElementById("Zawartosc");
    while (clockEle.hasChildNodes()) {
        clockEle.removeChild(clockEle.lastChild);
    }
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    var ampm = "am";
    var colon = "clock/colon.gif";

    if (hours < 10) hours = "0" + hours;
    else hours = hours + '';

    if (minutes < 10) minutes = "0" + minutes;
    else minutes = minutes + '';

    if (seconds < 10) seconds = "0" + seconds;
    else seconds = seconds + '';

    clockEle.appendChild(createElementImg("clock/' + hours.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + hours.charAt(1) + '.gif"));
    clockEle.appendChild(createElementImg(colon));
    clockEle.appendChild(createElementImg("clock/' + minutes.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + minutes.charAt(1) + '.gif"));
    clockEle.appendChild(createElementImg(colon));
    clockEle.appendChild(createElementImg("clock/' + seconds.charAt(0) + '.gif"));
    clockEle.appendChild(createElementImg("clock/' + seconds.charAt(1) + '.gif"));
}
setTimeout("showTheTime()", 1000);
showTheTime();

函数createElementImg（源）{
var img=document.createElement（'img'）；
img.src=源；
返回img；
}
函数showTheTime（）{
var clockEle=document.getElementById（“Zawartosc”）；
while（clockEle.hasChildNodes（））{
clockEle.removeChild（clockEle.lastChild）；
}
var now=新日期（）；
var hours=now.getHours（）；
var minutes=now.getMinutes（）；
var seconds=now.getSeconds（）；
var ampm=“am”；
var colon=“clock/colon.gif”；
如果（小时<10）小时=0“+小时；
否则小时数=小时数+“”；
如果（分钟<10）分钟=“0”+分钟；
否则分钟=分钟+“”；
如果（秒<10）秒=“0”+秒；
否则秒数=秒数+“”；
clockEle.appendChild（createElementImg（“clock/'+hours.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+hours.charAt（1）+'.gif”）；
clockEle.appendChild（createElementImg（冒号））；
clockEle.appendChild（createElementImg（“clock/'+minutes.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+minutes.charAt（1）+'.gif”）；
clockEle.appendChild（createElementImg（冒号））；
clockEle.appendChild（createElementImg（“clock/'+seconds.charAt（0）+'.gif”）；
clockEle.appendChild（createElementImg（“clock/'+seconds.charAt（1）+'.gif”）；
}
设置超时（“showTheTime（）”，1000）；
显示时间（）；

您是如何将其添加到母版页的？仅在上面描述了id=“Zawartosc”的情况下您是如何将其添加到母版页的？仅在上面描述了id=“Zawartosc”的情况下above@mallorm：有一个虚拟的空div，用getElementById找到它，然后将其innerHTML设置为您需要的内容。@mallorm：有一个虚拟的空div，使用getElementById查找它，然后将其innerHTML设置为所需。只需在createElementImg（“clock/'+hours.charAt（0）+'.gif”）中将“替换为”即可修复gif的快捷方式。还要做的一件事是：使脚本以间隔运行…时钟将在setTimeout（“showTheTime（）”，1000）时更新；将位于功能区…只需在createElementImg（“clock/'+hours.charAt（0）+'.gif”）中将“替换为”即可修复gif的快捷方式。还有一件事要做：让脚本按间隔运行。。。时钟将在设置超时时更新（“showTheTime（）”，1000）；将在功能区。。。