带有java脚本的实时时钟，显示实际的秒分和小时答案

【问题标题】：Live clock with java script, that shows the actual seconds minutes and hours带有java脚本的实时时钟，显示实际的秒分和小时
【发布时间】：2015-01-25 02:45:54
【问题描述】：

我正在尝试在 java 脚本中制作一个时钟以实时显示实际时间，但由于某种原因它无法正常工作。我还需要有按钮和按钮来更改时钟的颜色。

任何帮助将不胜感激。

<html>


<head>


<title>    Clock II & III   </title>

            <link rel="stylesheet" type="text/css" href="clock.css">


            <script type = "text/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; 
            myClock.innerText = h + ":" + m + ":" + s + " " + diem; 
            setTimeout('renderTime()',1000);
            }


            renderTime(); 
            </script>


</head>


<body>



<div id = "clockdisplay" class = "clockStyle">      
22:23PM
</div>



<body>



</html>


#clockdisplay {

    background-color:#000;
    border:#999 2px inset;
    padding:6px;
    color:#0FF;
    font-family:"Ariel Black", Gadget, sans-serif;
    font-size:16px;
    font-weight:bold;
    letter-spacing:2px;
    display:inline;

}

【问题讨论】：

你用谷歌搜索过吗？ webestools.com/ftp/ybouane/scripts_tutorials/javascript/…
它有什么问题。是不是没有执行函数，是函数执行但没有正确更新值？
如果上面的代码是你所拥有的，那么将 css 放在 head 元素中的样式标签中，供初学者使用
Working js: jsfiddle.net/ygkn99tm 我将把按钮功能留作 OP 的练习。
如果您更清楚地说明问题所在，帮助您会容易得多。发布您收到的任何错误消息（在控制台中发现 JavaScript 错误，通过右键单击页面，选择“检查元素”，然后在大多数浏览器中单击“控制台”）并包括它的作用和如果它应该做什么它会做一些意想不到的事情，都会增加在更短的时间内获得更清晰答案的几率。

标签： javascript html css clock

【解决方案1】：

您有很多语法错误。尝试改变：

var currentTime() = new Date(); 到 var currentTime = new Date(); 和

setTimeout('renderTime()',1000); 到 setTimeout(renderTime,1000);

您也缺少一些分号，但是这 2 个更改将使其正常工作，正如您在 fiddle 中看到的那样。

【讨论】：

有些反应会很好。