时钟不起作用?

问题描述 投票:0回答:4

因此,我遵循了一个相当棘手的视频教程,内容是通过JS在您的网页中添加时钟。我有完全相同的代码,但不适用于我的代码。有什么建议么?谢谢!

这是我的代码:

<body>

    <div id="clockDisplay">00:00</div>


<!-- JAVASCRIPT starts here -------------------------------------------------------->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" language="JavaScript">

$(window).load(function renderTime() {
    var currentTime = new Date () ;
    var diem = "AM" ;
    var h = currentTime.getHours() ;
    var m = currentTime.getminutes() ;
    var s = currentTime.getSeconds() ;

    if (h == 0) {
        h = 12;
    } else if (h > 12) {
    h = h -12;
    diem = "PM" ;
    }
    if (h < 10) {
        h = "0" + h;
    }
    if (m < 10) {
        m = "0" + m;
    }
    if (s < 10) {
        s = "0" + s;
    }

    var myClock = document.getElementyID('clockDisplay');
    myClock.textContent = h + ":" + m + ":" + s + " " + diem;
    setTimeout(renderTime()' ,1000) ;
};
renderTime() ;

</script>

<!-- JAVASCRIPT ends here --------------------------------------------------------->

</body>

javascript clock
4个回答
2
投票

您的setTimeout代码中存在语法错误(引号不匹配)。您永远不要将字符串用作setTimeout的第一个参数。

setTimeout(renderTime, 1000);

并且如果您将Javascript代码放在带有$(window).load()的元素之后,则不需要[C0

id="clockDisplay"

这些也需要更改。

function renderTime() {
   ...
}
renderTime();

0
投票

不知道您的后续教程,但我会更改此行:

getElementById()
getMinutes()

对此:

myClock.textContent = h + ":" + m + ":" + s + " " + diem;

0
投票

这里要解决的事情太多了,这是我的代码:

myClock.innerHTML = h + ":" + m + ":" + s + " " + diem;

要查看详细信息,请前往<body> <div id="clockDisplay">00:00</div> <!-- JAVASCRIPT starts here --------------------------------------------------------> <script type="text/javascript" language="JavaScript"> function renderTime() { var currentTime = new Date () ; var diem = "AM" ; var h = currentTime.getHours() ; var m = currentTime.getMinutes() ; var s = currentTime.getSeconds() ; if (h == 0) { h = 12; } else if (h > 12) { h = h -12; diem = "PM" ; } if (h < 10) { h = "0" + h; } if (m < 10) { m = "0" + m; } if (s < 10) { s = "0" + s; } var myClock = document.getElementById('clockDisplay'); myClock.textContent = h + ":" + m + ":" + s + " " + diem; } window.onload = renderTime; setInterval(renderTime ,1000) ; </script> <!-- JAVASCRIPT ends here ---------------------------------------------------------> </body>


0
投票

我已经在个人开发网站上创建了一个数字时钟,但是它没有动画...我的JavaScript在下面:

下午07:23:45
Fixed issues detail link
© www.soinside.com 2019 - 2024. All rights reserved.