JAVASCRIPT(js)简单动态秒表程序设计代码

最新推荐文章于 2020-04-01 21:57:16 发布

j_kikihiQ

最新推荐文章于 2020-04-01 21:57:16 发布

阅读量1.3k

点赞数 1

文章标签： jsjavascript简单动态时钟程序

本文链接：https://blog.csdn.net/j_kikihiQ/article/details/60579370

版权

本文展示了一个使用JavaScript编写的简单动态秒表程序。通过HTML和CSS创建时钟界面，JavaScript负责实时更新时间并提供了开始和停止功能。利用setInterval和clearInterval方法实现了秒表的启动和暂停，同时通过事件监听器控制按钮操作。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>js计时器</title>
<style>
.clock{
width: 100px;
height: 25px;
background: #000;
color: #0f0;
font-weight: bold;
border-radius: 50px;
text-align: center;
line-height: 25px;
}
</style>
</head>
<body>
<div class="clock" >
<span id="spanid"></span>
<button id="bid" >停止</button>
<button id="bid2">开始</button>
</div>
</body>
<script>
//获取时间函数
function getDate(){
time=new Date();//得到日期对象，并赋值给变量time
nian=time.getFullYear();//得到年份
yue=time.getMonth()+1;//js里面月份是从0-11，的所以应该+