JS 页面时间的停止与开始

最新推荐文章于 2024-03-03 10:30:35 发布

原创最新推荐文章于 2024-03-03 10:30:35 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的网页应用，该应用能够实现在网页上显示实时更新的当前时间，并提供了开始和停止时间更新的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
var s;
window.onload=function(){
s= window.setInterval("showtime()",1000); //表示一个定时器；1000是毫秒
}
function showtime(){
var sdom = document.getElementById("spantime");
var now = new Date();//用来的到当前的时间
var stime = now.getFullYear()+"年"+(now.getMonth()+1)+"月"
+now.getDate()+"日"+now.getHours()+"时"+now.getMinutes()+"分"
+now.getSeconds()+"秒";
sdom.innerHTML=stime;
}
function stopit(){
window.clearInterval(s);//停止定时器
//showtime();
// window.setInterval("showtime()",1000);//表示一个定时器；1000是毫秒
}
function kaishi(){
s= window.setInterval("showtime()",1000);
}
</script>
</head>
<body>
<span id="spantime"></span>
<input type="button" value="停止" onclick="stopit();"/>
<input type="button" value="开始" onclick="kaishi();"/>
</body>
</html>