让秒数自动更新？
让秒数自动更新？
提问于 2016-03-09 00:04:06
我正在尝试只显示日期和时间在这个网站上，现在你必须刷新页面，以便它(秒，等等)更新。如何让秒数自动更新？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Testbed</title>
</head>
<body>
<h1>
Javascript will find out the date and the browser.
</h1>
<script type="text/javascript">
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
var suffix = "AM";
if (seconds < 10)
seconds = "0" + seconds;
if (minutes < 10)
minutes = "0" + minutes;
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
document.write("<b><div id='d1'>" + hours + ":" +
minutes + ":"+ seconds + " " + suffix + "</div></b>");
</script>
</body>
</html>回答 5
Stack Overflow用户
发布于 2016-03-09 00:09:06
将您的更新逻辑包装在一个函数中，并每隔1000ms调用一次:)
function updateTime() {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
var suffix = "AM";
if (seconds < 10)
seconds = "0" + seconds;
if (minutes < 10)
minutes = "0" + minutes;
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
document.write("<b><div id='d1'>" + hours + ":" +
minutes + ":"+ seconds + " " + suffix + "</div></b>");
}
window.setInterval(updateTime, 1000);Stack Overflow用户
发布于 2016-03-09 00:10:06
HTML
<span class="clock"></span>Javascript
jQuery(function($) {
setInterval(function() {
var date = new Date(),
time = date.toLocaleTimeString();
$(".clock").html(time);
}, 1000);
});Stack Overflow用户
发布于 2016-03-09 00:08:45
这在我的网站上对我很有效。使用setInterval函数
$(document).ready(function(){
set_time()
window.setInterval(function(){set_time()}, 1000)
});
function set_time(){
time = $('#time')
raw_time = new Date();
real_time = raw_time.getFullYear() + "-" + (raw_time.getMonth() + 1) + "-" + raw_time.getDate() + " " + (raw_time.getHours()-12) + ":" + raw_time.getMinutes() + ":" + raw_time.getSeconds();
time.html(real_time)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35872175
复制相关文章
相似问题
腾讯云开发者
