Javascript 带有java脚本的实时时钟，显示实际秒、分和小时_Javascript_Html_Css_Html Helper_Clock

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

javascript html css

Javascript 带有java脚本的实时时钟，显示实际秒、分和小时,javascript,html,css,html-helper,clock,Javascript,Html,Css,Html Helper,Clock,我正试图用java脚本制作一个时钟来实时显示实际时间，但由于某些原因它无法工作。。我还需要有按钮和按钮，以改变时钟的颜色任何帮助都将不胜感激 <html> <head> <title> Clock II & III </title> <link rel="stylesheet" type="text/css" href="clock.css"> <s

我正试图用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;

}


时钟II和III
函数renderTime（）{
var currentTime（）=新日期（）；
var diem=“AM”
var h=currentTime.getHours（）；
var m=currentTime.getMinutes（）；
var s=currentTime.getSeconds（）；
如果（h==0）{
h=12
}否则，如果（h>12）{
h=h-12；
diem=“PM”；
}
如果（h你有相当多的语法错误。
尝试更改：
var currentTime（）=新日期（）；
到var currentTime=新日期（）；
和
setTimeout（'renderTime（）'，1000）；
tosetTimeout（renderTime，1000）；

您也缺少了一些分号，但是这两个更改将使它工作，正如您在本文中所看到的。
您搜索过它吗？它有什么问题。它不是在执行函数，是在执行函数但没有正确更新值吗？如果上面的代码是这样的，那么将css放在h中的样式标记中ead elements for startersWorking js：我将把按钮功能留作OP的练习。如果你能更清楚地说明问题所在，就更容易帮助你。发布你收到的任何错误消息（JavaScript错误可以在控制台中找到，右键单击页面，选择“inspect element”，然后在大多数浏览器中单击“console”）并包括它所做的事情以及它在发生意外事件时应该做的事情，这都会增加在较短时间内获得更清晰答案的几率。一些响应会很好。