JavaScript课程设计: 用JS实现简单的时钟 |21xrx.com

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进行扩展。

三个

上一篇: idea打包java可执行jar包

下一篇: Java是编译型语言

评论区

()

相似文章