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

Live clock with java script, that shows the actual seconds minutes and hours

本文关键字：小时 显示 java 脚本 实时时钟 带有      更新时间：2023-09-26

我正在尝试用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;
}

你有很多语法错误。尝试更改：

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

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

您

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

相关文章：