简单计时器

最新推荐文章于 2022-12-25 12:42:43 发布

qq_41604155

最新推荐文章于 2022-12-25 12:42:43 发布

阅读量272

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_41604155/article/details/87113857

版权

	**实现秒表功能，有开始计时,停止计时
		<1>点击【开始】,开始计时,按钮变成【暂停】
		<2>点击【暂停】,暂停计时,按钮变成【开始】
		<3>在次点击【开始】,接着上一次计时的数开始计时
		<4>点击暂停,【暂停】变成【开始】,计时暂停**

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			#box{
				width:200px;
				height:250px;
				background:yellow;
				overflow: hidden;
			}
			#showTime{
				width:160px;
				height:50px;
				background: white;
				margin:20px;
				line-height: 50px;
				text-align: center;
			}
			button{
				display: block;
				width: 80px;
				height:40px;
				background: red;
				margin-top:10px;
				margin-left: 60px;
			}
		</style>
		<script>
			window.onload = function(){
				function stopWach(){
					var oShowTime = document.getElementById("showTime");
					var oStart = document.getElementById('start');
					var oStop = document.getEleme

最低0.47元/天解锁文章

qq_41604155

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单计时器

**实现秒表功能，有开始计时,停止计时 &lt;1&gt;点击【开始】,开始计时,按钮变成【暂停】 &lt;2&gt;点击【暂停】,暂停计时,按钮变成【开始】 &lt;3&gt;在次点击【开始】,接着上一次计时的数开始计时 &lt;4&gt;点击暂停,【暂停】变成【开始】,计时暂停**&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
复制链接

扫一扫