gpt4 book ai didi

JavaScript 时钟无法正确显示

转载 作者:行者123 更新时间:2023-11-28 04:24:57 24 4
gpt4 key购买 nike

我一直在自学 JavaScript,我还是个新手,我试着制作一个时钟功能添加到我的网站,但是,我看不到让它显示,这是我的全部代码:

<html>
<head>
<script type="text/javascript">
function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;

today = new Date();

intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();

if (intHours == 0) {
hours = "12:";
ap = "Midnight";
} else if (intHours < 12) {
hours = intHours + ":";
ap = "a.m";
} else if (intHours == 12) {
hours = "12:";
ap = "noon";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "p.m.";
}
if (intMinutes < 10) {
minutes = "0" + intMinutes + ":";
} else {
minutes = intMinutes + ":";
}
if (intSeconds < 10) {
seconds = "0" + intSeconds + " ";
} else {
seconds = intSeconds + " ";
}
timeString = hours + minutes + seconds + ap;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);
}

//--></script>
</head>
<body>
<div id="Clock" align="center" style="font-family: Verdana; font-size: 10px; color:#000000"></div>
</body>
</html>

正如我所说,我运行了它,据我所知,它应该运行良好,因为我说我有点新,所以也许有人可以帮助我。

再次感谢大家。

编辑:在任何人说之前,我完全知道有这种东西的预制工作示例,例如 jQuery 时钟等,但我想自己从头开始制作一个。

最佳答案

它没有启动,主要是因为你需要至少调用一次函数:

tick();

无论你从哪里学习 HTML 和 JavaScript,立即停止学习;你正在学习的代码习惯和方法非常非常差而且已经过时了。

问题包括:

  • 没有 DOCTYPE:<!DOCTYPE html>
  • 正在访问 div#Clock作为全局变量 Clock ,已弃用,应为 document.getElementById('Clock');
  • 使用字符串 setTimeout , 当它真的应该是 setTimeout(tick, 100);
  • 使用已弃用的 align属性,什么时候应该使用 text-align: center;在 CSS 中
  • 使用“旧浏览器”JavaScript 注释技巧
  • 通过 style 使用内联 CSS属性,构成表示和内容的不良分离

关于JavaScript 时钟无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7090241/

24 4 0
文章推荐: html - 重置访问过的颜色
文章推荐: html - 使用 REGEX 解析 HTMl
文章推荐: html - 使用 CSS 定位一组