js 添加偏移量实时显示时间
以下是一个示例代码,它将根据提供的偏移量来实时显示当前时间:
function displayTime(offset) {
var d = new Date();
var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
var nd = new Date(utc + (3600000*offset));
var h = nd.getHours();
var m = nd.getMinutes();
var s = nd.getSeconds();
h = (h < 10 ? "0" : "") + h;
m = (m < 10 ? "0" : "") + m;
s = (s < 10 ? "0" : "") + s;
var time = h + ":" + m + ":" + s;
document.getElementById("clock").innerHTML = time;
setTimeout(function() { displayTime(offset) }, 1000);
}
在上面的代码中,我们使用getTime()方法和getTimezoneOffset()方法获取当前时间和时区偏移量。然后,我们将时区偏移量与当前时间相加,并将结果传递给Date对象,得到我们所需的偏移时间。最后,我们将小时、分钟和秒数合并成一个格式化的字符串,并将其显示在HTML元素中。setTimeout函数用于每秒钟更新时间。
要使用此代码,您需要在HTML中创建一个具有id属性为"clock"的元素,例如:
<div id="clock"></div>
然后,您可以在JavaScript中调用displayTime函数,并将您所需的偏移量作为参数传递,例如:
displayTime(-5); // 显示UTC-5时间
``
原文地址: https://www.cveoy.top/t/topic/fJ0J 著作权归作者所有。请勿转载和采集!