当我们开发网页时,有时需要在页面上显示当前的时间。下面是使用JavaScript实时获取并显示当前时间的三种方法。
方法1:使用setInterval()函数
setInterval()函数可以每隔一定时间间隔执行一次function中的代码。我们可以使用这个函数每秒钟更新时间。
<!DOCTYPE html>
<html>
<body>
<h2>现在的时间是:</h2>
<p id="demo"></p>
<script>
setInterval(function() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}, 1000);
</script>
</body>
</html>
以上代码会在页面上显示当前的时间,每秒钟更新一次。
方法2:使用new Date().toLocaleTimeString()函数
另一种方法是使用new Date().toLocaleTimeString()函数,这将返回本地时间的字符串表示形式。
<!DOCTYPE html>
<html>
<body>
<h2>现在的时间是:</h2>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
</script>
</body>
</html>
以上代码将显示的时间只在加载网页时更新一次。
方法3:使用Date()函数
另一种获取当前时间的方法是使用Date()函数。Date()函数返回从1970年1月1日00:00:00 UTC(协调世界时)开始到当前时间的毫秒数。可以使用以下代码获取当前时间。
<!DOCTYPE html>
<html>
<body>
<h2>现在的时间是:</h2>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
以上代码将显示的时间是当前的时间和日期。
这三种方法都可以用来获取并显示当前时间,具体使用哪一种取决于你的需求。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:详解js实时获取并显示当前时间的方法 - Python技术站