Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

javascript脚本

作者:望断天涯   发布日期:2025-12-07   浏览:17

// 示例代码:简单的JavaScript脚本,用于在网页上显示当前时间

// 获取当前时间
function displayTime() {
    const now = new Date();  // 创建一个Date对象,表示当前时间
    const hours = now.getHours().toString().padStart(2, '0');  // 获取小时,并确保两位数
    const minutes = now.getMinutes().toString().padStart(2, '0');  // 获取分钟,并确保两位数
    const seconds = now.getSeconds().toString().padStart(2, '0');  // 获取秒数,并确保两位数

    // 拼接成完整的时间字符串
    const timeString = `${hours}:${minutes}:${seconds}`;

    // 将时间显示在网页的指定元素中
    document.getElementById('time').innerText = timeString;
}

// 每隔1秒更新一次时间
setInterval(displayTime, 1000);

// 初始调用一次,立即显示时间
displayTime();

解释说明:

  • new Date():创建一个表示当前时间的 Date 对象。
  • getHours()getMinutes()getSeconds():分别获取当前的小时、分钟和秒数。
  • padStart(2, '0'):确保小时、分钟和秒数都是两位数,不足两位时前面补零。
  • document.getElementById('time'):获取网页中 ID 为 time 的元素。
  • innerText:设置该元素的文本内容为当前时间。
  • setInterval(displayTime, 1000):每隔1秒调用一次 displayTime 函数,以更新时间。

上一篇:javascript switch

下一篇:javascript sleep

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站