美国时间html源码,js动态显示时间(中国时间、美国时间)的代码
时间: 2024-02-13 11:03:04 浏览: 66
以下是一个简单的HTML页面,其中包含一个JavaScript函数,可以根据用户所在的时区显示当前的中国时间和美国时间:
```html
<!DOCTYPE html>
<html>
<head>
<title>美国时间和中国时间</title>
<meta charset="utf-8">
<script type="text/javascript">
function updateTime() {
var now = new Date();
var chinaTime = now.toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
var usTime = now.toLocaleString('en-US', { timeZone: 'America/New_York' });
document.getElementById('china-time').innerHTML = '中国时间:' + chinaTime;
document.getElementById('us-time').innerHTML = '美国时间:' + usTime;
setTimeout(updateTime, 1000);
}
window.onload = function() {
updateTime();
}
</script>
</head>
<body>
<h1>美国时间和中国时间</h1>
<p id="china-time"></p>
<p id="us-time"></p>
</body>
</html>
```
这个页面使用`Date`对象获取当前时间,并使用`toLocaleString`方法将时间格式化为本地时间。在这个例子中,我们使用了中国标准时间(`Asia/Shanghai`)以及美国东部时间(`America/New_York`),你可以根据自己的需要修改时区。`updateTime`函数每秒钟被调用一次,以便更新显示的时间。
阅读全文