// 示例代码:一个简单的 JavaScript 脚本,用于在网页上显示当前时间
// 获取页面中的一个元素,用于显示时间
const timeElement = document.getElementById('time');
// 定义一个函数来更新时间
function updateTime() {
// 创建一个新的 Date 对象,获取当前时间
const now = new Date();
// 格式化时间为 HH:MM:SS 格式
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
// 将格式化后的时间字符串赋值给页面元素的文本内容
timeElement.textContent = `${hours}:${minutes}:${seconds}`;
}
// 每隔一秒调用一次 updateTime 函数,以保持时间更新
setInterval(updateTime, 1000);
// 初始化时立即调用一次 updateTime 函数,确保页面加载时显示正确的时间
updateTime();
document.getElementById('time')
:获取 HTML 页面中 ID 为 time
的元素,通常是一个 <div>
或 <span>
。new Date()
:创建一个表示当前日期和时间的 Date
对象。String().padStart(2, '0')
:确保小时、分钟和秒数始终是两位数,不足两位时前面补零。setInterval(updateTime, 1000)
:每隔 1 秒钟调用一次 updateTime
函数,从而实现时间的动态更新。updateTime()
:初始化时立即调用一次 updateTime
函数,确保页面加载时显示正确的时间。上一篇:js alert
下一篇:js 解析
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站