world clock js代码
时间: 2023-07-25 14:09:11 浏览: 38
以下是一个简单的世界时钟 JavaScript 代码:
```javascript
function showTime(city, offset) {
// 获取当前时间
var date = new Date();
var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
// 根据时区偏移量计算城市的本地时间
var localDate = new Date(utc + (3600000 * offset));
// 格式化时间字符串
var hours = localDate.getHours();
var minutes = localDate.getMinutes();
var seconds = localDate.getSeconds();
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;
var time = hours + ':' + minutes + ':' + seconds + ' ' + ampm;
// 显示城市和本地时间
var cityDiv = document.getElementById(city);
cityDiv.innerHTML = time;
}
// 调用 showTime() 函数更新所有城市的本地时间
setInterval(function() {
showTime('new-york', -5);
showTime('london', 0);
showTime('tokyo', +9);
}, 1000);
```
该代码定义了一个 `showTime()` 函数,它接受两个参数:城市名称和该城市相对于 UTC 时间的偏移量。该函数会计算出该城市的本地时间,并将其格式化为字符串。然后,它会将格式化后的字符串显示在页面上,每秒钟更新一次。
最后,代码使用 `setInterval()` 函数每秒钟调用一次 `showTime()` 函数,以更新所有城市的本地时间。
相关推荐
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)