当前位置：网站首页>JS global timer case

JS global timer case

2022-06-10 12:55:00 【000000001111】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> timer </title>

		<style>
			* {
    
				margin: 0;
				padding: 0;
			}

			#box {
    
				width: 400px;
				height: 400px;
				margin: 40px auto;
			}

			#box div {
    
				width: 200px;
				height: 40px;
				border: 1px #F3C solid;
				text-align: center;
				float: left;
				font-size: 26px;
			}

			#box button {
    
				float: left;
				margin-top: 10px;
				margin-left: 20px;
			}

			#box span {
    
				float: left;
				width: 200px;
				height: 100px;
				overflow-y: auto;
				display: block;
				border: 1px #C9C solid;
				margin-top: 10px;
			}
		</style>

	</head>
	<body>
		<div id="box">
			<div id="timer"></div>
			<button onClick="btTime()"> Start serving </button>
		</div>
		<script type="text/javascript">
			var timer = document.getElementById("timer");
			var butt = document.getElementsByTagName("button");

			var hour = '00'; // when   
			var minus = '00'; // branch   
			var seconds = '00'; // second   

			timer.innerHTML = hour + ":" + minus + ":" + seconds;
			var x = 0,
				y = 0,
				f = 0,
				a = 0,
				b = 0,
				t1, t2;
			var flag = 0;

			function btTime() {
    
				/*ajax:*/


				switch (flag) {
    
					case 0:
						flag = 1;
						w = 1;
						t1 = setInterval(beginS, 1000);
						butt[0].innerHTML = ' End of service ';
						break;
					case 1:
						flag = 2;
						clearInterval(t1);
						butt[0].innerHTML = ' Service ended ';
						break;
				}
			}

			function beginS() {
     // Calculate seconds   
				x++;
				if (x < 10) {
    
					seconds = '0' + x;
				} else if (x >= 10 && x <= 59) {
    
					seconds = x;
				} else if (x > 59) {
    
					seconds = '00';
					x = 0;
					a++;
				}

				if (a < 10) {
    
					minus = '0' + a;
				} else if (a >= 10 && a <= 59) {
    
					minus = a;
				} else if (a > 59) {
    
					minus = '00';
					a = 0;
					b++;
				}

				if (b < 10) {
    
					hour = '0' + b;
				} else if (b >= 10 && b <= 59) {
    
					hour = b;
				}

				timer.innerHTML = hour + ":" + minus + ":" + seconds;

			}
		</script>
	</body>
</html>

Please see the original link for details .
Reprint ： Thanks for sharing.
Link to the original text ：https://wangxiaoting.blog.csdn.net/article/details/82456877?spm=1001.2014.3001.5502
Insert picture description here