javascript - js动态获取服务器时间显示在页面时为什么会延迟一两秒?
本文介绍了javascript - js动态获取服务器时间显示在页面时为什么会延迟一两秒?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
1.用js代码动态获取服务器的时间,并显示在页面的时候,时间的出现会有大概1秒多的延迟。如果按F5键不停刷新的话,时间就不会显示了。用原生javascript或者jQuery都是这样,求大神解答问题出在哪里了?
下面是代码:
<!DOCTYPE HTML>
<html>
<title>动态获取服务器的时间</title>
<meta charset="utf-8">
<head>
<!-- <script src="http://code.jquery.com/jquery-latest.js"></script> -->
</head>
<body>
当前服务器时间:<span id="time"></span>
</body>
<script>
console.log(document.getElementById("time"));
function current(){
var d=new Date(),str='';
str +=d.getFullYear()+'年';
str +=d.getMonth()+1+'月';
str +=d.getDate()+'日';
str +=d.getHours()+'时';
str +=d.getMinutes()+'分';
str +=d.getSeconds()+'秒';
return str;
}
//setInterval(function(){$('#time').html(current())},1000);
setInterval(function(){
document.getElementById("time").innerHTML=current();
},1000);
</script>
</html>
解决方案
因为setInterval里的内容会在1秒后才才执行呢
document.getElementById("time").innerHTML=current();
setInterval(function(){
document.getElementById("time").innerHTML=current();
},1000);
这篇关于javascript - js动态获取服务器时间显示在页面时为什么会延迟一两秒?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文