21xrx.com
2024-06-03 06:43:20 Monday
登录
文章检索 我的文章 写文章
JavaScript课程设计: 用JS实现简单的时钟
2023-06-17 05:51:53 深夜i     --     --
JavaScript 时钟 SetInterval

时钟是一个常见的页面元素,其实用JavaScript很容易实现。下面来看一下一个简单的时钟实现代码:


function currentTime() {

 var d = new Date();

 var hr = d.getHours();

 var min = d.getMinutes();

 var sec = d.getSeconds();

 var ampm = "AM";

 if (hr == 0)

  hr = 12;

  else if (hr > 12)

  hr -= 12;

  ampm = "PM";

 

 hr = hr < 10 ? "0" + hr : hr;

 min = min < 10 ? "0" + min : min;

 sec = sec < 10 ? "0" + sec : sec;

 var time = hr + ":" + min + ":" + sec + " " + ampm;

 document.getElementById("clock").innerHTML = time;

}

setInterval(currentTime, 1000);

代码中主要是通过Date函数获取当前时间,然后进行格式化输出,最后用innerHTML将时钟显示在页面上。setInterval函数用于每秒钟更新一次时间。

这是一个非常基础的实现,如果需要增加更多的功能,比如添加闹钟、调整风格等等,可以通过JavaScript进行扩展。

三个

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复