因此,我遵循了一个相当棘手的视频教程,内容是通过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>
您的setTimeout代码中存在语法错误(引号不匹配)。您永远不要将字符串用作setTimeout的第一个参数。
setTimeout(renderTime, 1000);
并且如果您将Javascript代码放在带有$(window).load()
的元素之后,则不需要[C0
id="clockDisplay"
这些也需要更改。
function renderTime() {
...
}
renderTime();
不知道您的后续教程,但我会更改此行:
getElementById()
getMinutes()
对此:
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
这里要解决的事情太多了,这是我的代码:
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>
我已经在个人开发网站上创建了一个数字时钟,但是它没有动画...我的JavaScript在下面:
下午07:23:45Fixed issues detail link