JavaScript简单计时器

曾经终败给现在 2022-12-21 06:06 154阅读 0赞

代码如下：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>计时器</title>
    	</head>
    	<body>
    		<form id="form1" method="post" action="">
    			<input type="text" name="num" size="1" value="0" />
    			<input type="button" name="start" value="开始计时" onclick="sta();" />
    			<input type="button" name="pause" value="暂停计时" onclick="pau();" />
    		</form>
    		<script language="JavaScript">
    			var flag=0;
    			var timeID;
    			function beg(){
        
    				var i=form1.num.value;
    				i++;
    				form1.num.value=i;
    				timeID=setTimeout("beg()",1000);
    			}
    			function sta(){
        
    				if (flag==0) {
        
    					beg();
    					flag=1;
    				}
    			}
    			function pau(){
        
    				clearTimeout(timeID);
    				flag=0;
    			}
    		</script>
    	</body>
    </html>

结果如图：  
![略][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/b15de03cf3764337ab7cb88afd2b1b68.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript简单计时器

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <

曾经终败给现在/ 2022年12月21日 06:06/ 0 赞/ 155 阅读

相关定制计时器python_python简单的定制简易计时器的制作

基础知识： repr 和 \_ str \_的区别，看这里点这里 time库 time库里面的 localtime函数 ![be655590e4fa076416581

以你之姓@/ 2022年11月01日 10:50/ 0 赞/ 185 阅读

相关 React之简单入门实例（计时器）

1、问题背景利用React实现一个计时器的效果，改变时间为1s 2、实现源码 <!DOCTYPE html> <html>

野性酷女/ 2022年09月26日 02:37/ 0 赞/ 202 阅读

相关 JavaScript的计时器的工作原理

最近都在看一些JavaScript原理层面的文章，恰巧看到了jQuery的作者的一篇关于JavaScript计时器原理的解析，于是诚惶诚恐地决定把原文翻译成中文，一来是为了和大

分手后的思念是犯贱/ 2022年08月07日 10:43/ 0 赞/ 183 阅读

相关 javascript入门笔记7-计时器

计时器语法： > setInterval(代码，交互时间) 参数说明： > 1. 代码：要调用的函数或要执行的代码串。 > 2. 交互时间：周期性执行或调用表

冷不防/ 2022年07月15日 03:38/ 0 赞/ 197 阅读

相关 js简单计时器

js代码： <script type="text/javascript"> setInterval(function()\{ v

谁借莪１个温暖的怀抱￠/ 2022年06月18日 11:49/ 0 赞/ 197 阅读

相关原生JavaScript实现网页计时器

计时器的功能就是以秒为单位分别累加计时。其中提供了三个功能。计时：时间归零并开始计时；暂停：暂停当前计时器；继续：对暂停的计时器在当前时间上继续计时。时间格式是X时X分X秒。

阳光穿透心脏的1/2处/ 2022年05月19日 01:24/ 0 赞/ 377 阅读

相关 JavaScript 计时器之旅

JavaScript 计时器之旅突击小测验: JavaScript 各种定时器之间的区别是什么? Promises setTimeout setIn

本是古典何须时尚/ 2022年05月13日 12:58/ 0 赞/ 184 阅读

相关简单的计时器，秒表的实现。

现在每个人的手机上都有一个秒表。我呢，就给大家介绍一下秒表的简单实现原理。一般秒表有一个显示时间的区域，还有三个键，开始、暂停、复位。我给大家来介绍的秒表是把开始跟

Bertha 。/ 2022年03月20日 11:16/ 0 赞/ 427 阅读

相关 js 计时器简单实现

js 计时器简单实现 <span id="span-time" style="font-size: 48px; font-weight: bold;">00:00

缺乏、安全感/ 2021年11月04日 16:24/ 0 赞/ 378 阅读