Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何修复用Javascript制作的实时时钟(我在网页上看不到)?_Javascript_Real Time Clock - Fatal编程技术网

如何修复用Javascript制作的实时时钟(我在网页上看不到)?

如何修复用Javascript制作的实时时钟(我在网页上看不到)?,javascript,real-time-clock,Javascript,Real Time Clock,我在网上学习了一些教程之后,试图创建一个时钟,但我遇到了一个问题。时钟应每秒更新一次,并显示当前时间。请你帮忙好吗?这应该是结果:。这是我的代码: 函数startClock(){ var currentTime=新日期(); console.log(当前时间); var currentHours=currentTime.getHours(); 控制台日志(当前小时数); var currentMinutes=currentTime.getMinutes(); console.log(当前分钟数)

我在网上学习了一些教程之后,试图创建一个时钟,但我遇到了一个问题。时钟应每秒更新一次,并显示当前时间。请你帮忙好吗?这应该是结果:。这是我的代码:

函数startClock(){
var currentTime=新日期();
console.log(当前时间);
var currentHours=currentTime.getHours();
控制台日志(当前小时数);
var currentMinutes=currentTime.getMinutes();
console.log(当前分钟数);
var currentSeconds=currentTime.getSeconds();
console.log(当前秒);
currentMinutes=检查时间(m);
currentSeconds=检查时间(s);
变量时间=当前小时数+“:”+当前分钟数+“:”+当前秒数;
document.getElementById(“time”).innerHTML=time;
var repeatTime=setTimeout(startClock,1000);
}
功能检查时间(i){
如果(i<10){
i=“0”+i;
返回i;
}
}

您的代码中有四个问题:

  • startClock()
    函数将调用
    setTimeout()
    以确保再次调用它。但最初它从未被调用。因此,添加语句
    startClock()在末尾,靠近

  • 变量
    m
    不存在。通过写入
    currentMinutes=checkTime(currentMinutes)来解决此问题

  • 变量
    s
    不存在。通过写入
    currentSeconds=checkTime(currentSeconds)来修复此问题

  • 如果
    i
    不小于10,则
    checkTime()
    函数不返回任何内容(
    undefined
    )。因此,添加语句
    else返回“+i

  • 修复所有这些问题,它就会运行!我确实测试了最终结果。

    检查要点

    尝试添加
    startClock()到您的代码。