javascript实现十二小时制和二十四小时制
时间: 2023-08-09 14:00:30 浏览: 68
JavaScript可以通过以下方式实现十二小时制和二十四小时制。
1. 十二小时制:
```javascript
function twelveHourClock() {
var date = new Date();
var hours = date.getHours(); // 获取当前小时数
var ampm = hours >= 12 ? 'PM' : 'AM'; // 判断上午还是下午
hours = hours % 12; // 转换为12小时制
hours = hours ? hours : 12; // 0点应该显示为12
var minutes = date.getMinutes(); // 获取当前分钟数
var seconds = date.getSeconds(); // 获取当前秒数
// 格式化输出
var time = hours + ':' + addLeadingZero(minutes) + ':' + addLeadingZero(seconds) + ' ' + ampm;
return time;
}
function addLeadingZero(number) {
return (number < 10 ? '0' : '') + number; // 如果数字小于10,在前面加0
}
```
2. 二十四小时制:
```javascript
function twentyFourHourClock() {
var date = new Date();
var hours = date.getHours(); // 获取当前小时数
var minutes = date.getMinutes(); // 获取当前分钟数
var seconds = date.getSeconds(); // 获取当前秒数
// 格式化输出
var time = addLeadingZero(hours) + ':' + addLeadingZero(minutes) + ':' + addLeadingZero(seconds);
return time;
}
function addLeadingZero(number) {
return (number < 10 ? '0' : '') + number; // 如果数字小于10,在前面加0
}
```
以上两个函数分别实现了十二小时制和二十四小时制的时间显示。其中`twelveHourClock`函数返回一个格式为"hh:mm:ss AM/PM"的字符串,`twentyFourHourClock`函数返回一个格式为"hh:mm:ss"的字符串。这两个函数都通过`Date`对象获取当前的小时、分钟和秒数,并进行格式化输出。在输出小时数时,十二小时制需要进行一些额外的处理。
相关推荐
![c](https://img-home.csdnimg.cn/images/20210720083646.png)
![html](https://img-home.csdnimg.cn/images/20210720083451.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)