首页基于Jquery，使用ID选择器，编写时钟程序。

基于Jquery，使用ID选择器，编写时钟程序。

时间: 2024-02-27 22:58:42 浏览: 61

好的，以下是基于 jQuery 和 ID 选择器的时钟程序代码： HTML 代码： ```html <body> <div id="clock"></div> </body> ``` JavaScript 代码： ```javascript $(document).ready(function() { function displayTime() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); // 将小时转换为 12 小时制 if (hours > 12) { hours = hours - 12; } // 在小时、分钟和秒数前面添加前导零 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } // 获取 clock 元素并将时间显示在其中 var clockDiv = document.getElementById('clock'); clockDiv.innerText = hours + ":" + minutes + ":" + seconds; } // 每秒钟更新一次时钟 setInterval(displayTime, 1000); }); ``` 这个程序将会在页面中创建一个 `div` 元素，其 ID 为 `clock`。然后，它会在页面加载后启动一个 `setInterval` 定时器，每秒钟更新一次时钟。`displayTime` 函数获取当前时间并将其格式化为 `hh:mm:ss` 的字符串，然后将其显示在 `clock` 元素中。

阅读全文