我正在尝试创建一个显示2个国家/地区时间的时钟.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
function disptime() {
now = new Date()
hours = now.getHours();
hours = hours < 10 ? "0" + hours:hours;
minutes = now.getMinutes();
minutes = minutes < 10 ? "0" + minutes:minutes;
seconds = now.getSeconds();
seconds = seconds < 10 ? "0" + seconds:seconds;
milli = now.getTime();
millib = milli + (6*60*60*1000);
bhutan = new Date();
bhutan = setTime(millib);
bhutanHours = bhutan.getHours();
bhutanHours = bhutanHours < 10 ? "0" + bhutanHours:bhutanHours;
document.getElementById("bhutanClock").innerHTML=bhutanHours+ " : " + minutes + " : " + seconds;
document.getElementById("UKClock").innerHTML=hours+ " : " + minutes + " : " + seconds;
setTimeout("disptime()",1000);
}
</script>
</head>
<body onload="disptime()">
<p id="bhutanClock"></p>
<p id="UKClock"></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
加载此页面时,为什么在浏览器中看不到任何内容?
第一个错误:你需要申请setTime一个Date()对象.
bhutan = bhutan.setTime(millib);
Run Code Online (Sandbox Code Playgroud)
并且更改此部分,由于某种原因,它以整数显示为毫秒:
bhutan = new Date();
bhutan = new Date(bhutan.setTime(millib));
Run Code Online (Sandbox Code Playgroud)
工作片段
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
function disptime() {
now = new Date()
hours = now.getHours();
hours = hours < 10 ? "0" + hours : hours;
minutes = now.getMinutes();
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = now.getSeconds();
seconds = seconds < 10 ? "0" + seconds : seconds;
milli = now.getTime();
millib = milli + (6 * 60 * 60 * 1000);
bhutan = new Date();
bhutan = new Date(bhutan.setTime(millib));
bhutanHours = bhutan.getHours();
bhutanHours = bhutanHours < 10 ? "0" + bhutanHours : bhutanHours;
document.getElementById("bhutanClock").innerHTML = bhutanHours + " : " + minutes + " : " + seconds;
document.getElementById("UKClock").innerHTML = hours + " : " + minutes + " : " + seconds;
setTimeout("disptime()", 1000);
}
</script>
</head>
<body onload="disptime()">
<p id="bhutanClock">
</p>
<p id="UKClock">
</p>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
现在完美运作:http://output.jsbin.com/bemuyawivu
| 归档时间: |
|
| 查看次数: |
60 次 |
| 最近记录: |