Question

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

我想把它放在我的MasterPage中，但是如果我这样添加它，整个页面只会消失时钟左边：

<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();

你能否带领或帮我纠正代码并使我的页面显示时钟正确？

Answer 1

来自w3schools.com

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

Answer 2

尝试一下：

    <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();

javascript启动不当

2 个答案: