Javascript 为什么下面的代码没有显示预期的结果

所以我在用HTML/CSS/JS制作一个数字时钟，但由于某种原因，它没有按我预期的方式工作。有什么建议吗？谢谢，这是事先准备好的！ 它在代码段上工作正常，但当我尝试在浏览器中打开它时，我只看到一个黑色背景

函数开始时间（）{
变量日期=新日期（）
var h=date.getHours（）//0-23
var m=date.getMinutes（）//0-59
var s=date.getSeconds（）//0-59
var session=“AM”
如果（h==0）{
h=12
}
如果（h>12）{
h=h-12
session=“PM”
}
h=（h<10）？“0”+h:h
m=（m<10）？“0”+m:m
s=（s<10）？“0”+s:s
var time=h+“：“+m+”：“+s+”+会话
document.getElementById（“digclock”）.innerHTML=时间
document.getElementById（“digclock”）.textContent=时间
setTimeout（开始时间，1000）//1000ms=1秒
}
开始时间（）

正文{
背景：黑色；
}
.钟{
位置：绝对位置；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
颜色：#17D4FE；
字体大小：60px；
字体系列：Orbitron；
字母间距：7px；

文件

在下面的代码片段中，我为您想要的任务添加了CSS。背景颜色是黑色的，因为

主体{background color:black；}

。 要使时钟在rgeen中着色，请使用

{color:green；}

。然后，我使用包装器将时钟垂直和水平居中，如代码段所示

函数开始时间（）{
变量日期=新日期（）；
var h=date.getHours（）；//0-23
var m=date.getMinutes（）；//0-59
var s=date.getSeconds（）；//0-59
var session=“AM”；
如果（h==0）{
h=12；
}
如果（h>12）{
h=h-12；
session=“PM”；
}
h=（h<10）-“0”+h:h；
m=（m<10）-“0”+m:m；
s=（s<10）？“0”+s:s；
var time=h+“：“+m+”：“+s+”+会话；
document.getElementById（“digclock”）.innerHTML=时间；
document.getElementById（“digclock”）.textContent=时间；
setTimeout（startTime，1000）；//1000ms=1秒
}
startTime（）；

正文{
背景色：黑色；
}
.包装纸{
显示：表格；
文本对齐：居中；
颜色：绿色；
高度：计算（100vh-1米）；
宽度：100%；
}
.钟{
显示：表格单元格；
垂直对齐：中间对齐；
}

欢迎使用Stack Overflow！既然你的JS没有改变颜色，你的CSS在哪里？没有它我们就无能为力。我把代码放在一个可解析的代码片段中，它在那里运行得很好。你到底有什么问题。什么不按预期工作？你为什么同时分配

innerHTML

和

textContent

我覆盖了第一个。Hey@Tacosh我不知道为什么，但在代码段中它工作正常。当我在浏览器上打开它时，我只看到一个黑色背景，我会在适当的地方添加分号。排除基本语法时，期待意外的结果。Hey@Tacosh感谢您花时间帮助我解决我的问题！在代码段中，它运行的是f但在我的浏览器中，当我打开它时，我只看到一个黑色背景。你有什么想法吗？好吧，为此你必须提供css或至少一个链接到你的网站，以便可以检查。否则它只是猜测，没有任何证据。我已经提供了css代码，我更新了我的问题@tacosh，但同样，它在代码片段上工作正常，而不是在我的br中owser…weirdin在更新的代码段中，您的css也可以正常工作，也可能只是浏览器缓存问题。请尝试清除浏览器缓存。我清除了浏览器缓存，但仍然没有：(