时间戳

首页 > 解决方案 > 如何实现 JavaScript 时钟？

javascript - 如何实现 JavaScript 时钟？

问题描述

此代码取自 Udemy 课程以制作项目。我之前已经看到这段代码完美地工作了，现在它什么也没显示。它所做的只是反映当地时间。它保持空白。

我已经通过几个浏览器运行它并在 codepen 上运行它，它看起来都一样，这是空白的。我让 codepen 分析代码中的错误，它在 html、css 和 javascript 部分上都很干净。

https://codepen.io/Laurax/pen/gVwGYo

这是javascript部分本身：

 setInterval(function (){
    var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = cuttentTime.getSeconds();
    var period = "AM";

     if(hours >= 12){
     period = "PM";
    }
    if(hours > 12){
    hours = hours -12;
    }
    if(seconds < 10){
    seconds = "0" + seconds;
    }
    if(minutes < 10){
    minutes = "0" + minutes;
    }

   var clockTime = hours + ":" + minutes + ":" + seconds + " " + period;
   var clock = document.getElementById('clock');
   clock.innerText = clockTime;

   }, 1000 );

我希望输出显示小时、分钟和秒。它应该是黑色背景上的白色数字。

标签： javascript

解决方案

这一行有一个错字：

var seconds = cuttentTime.getSeconds();

您的日期变量被称为currentTime而不是cuttentTime。

推荐阅读