JS显示数字时钟的格式时间
在web开发中,显示数字时钟是常见的需求之一。通过使用JavaScript,我们可以轻松地实现一个简单而优雅的数字时钟,方便用户查看当前时间。下面让我来介绍一下如何显示数字时钟的格式时间。
这是初学JavaScript重要的一环。
目录
获取当前时间
目标
完成判断
获取当前时间
首先我们得分别得到当前的的小时、分钟以及秒;
var now = new Date();
var hour = now.getHours();
var minute = now.getMinute();
var second = now.getSeconds();
目标
然后我们有几个需求:
1、小时以十二小时的格式显示;比如:当前为4点,显示为4; 当前为20点,显示为8。
2、我们平时的显示时间一般为 “小时 : 分钟 : 秒 ”的格式,比如:0:10:18,分钟数为超过10就显示正常的数字,而不足10就要写为“:0 + 当前分钟数”,完成它!
3、秒钟数同理。
4、判断上午以及下午,上午为“AM”, 下午为“PM”。
完成判断
我们var一个temp变量,传入小时数,并完成判断:
var temp = "" + (hour > 12 ? hour - 12 : hour);
if(hour < 0){
temp = "12";
}
然后将小时、分钟、秒拼接在一起:
temp = temp + (minute < 10 ? ":0":":") + minute;
temp = temp + (second < 10 ? ":0" : ":") + second;
temp = temp + (hour >= 12 ? " PM" : " AM");
再来cosole.log();一下:
0
0:17:24 AM
这样一个非常简单的小功能就实现了
----------------
本章到此结束
希望能帮助到你!!