简易秒表

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function addZero(n){
    if(n < 10){
        return ‘0‘ + n;
    }else{
        return ‘‘ + n;    
    }
}
window.onload = function(){
    var oTxt = document.getElementById(‘txt‘);
    var oBtn1 = document.getElementById(‘btn1‘);
    var oBtn2 = document.getElementById(‘btn2‘);
    var count = 0;
    var timer = null;
    
    oBtn1.onclick = function(){
        clearInterval(timer);
        timer = setInterval(function(){
            count++;
            oTxt.value = addZero(parseInt(count/60)) + ‘:‘ + addZero(count%60);        
        },100);
    }
    
    oBtn2.onclick = function(){
        clearInterval(timer);    
    }
}
</script>
</head>

<body>
<input type="text" value="" id="txt"/>
<input type="button" value="开始" id="btn1"/>
<input type="button" value="暂停" id="btn2"/>
</body>
</html>

时间: 2024-12-17 10:48:45

简易秒表的相关文章

数码管实验——简易秒表

秒表的制作并非一帆风顺,中间遇到了许多问题 比如计数寄存器的位数设置 reg     [?:0]    c1; 参考别人的代码写为31了,虽然最后成功了,但却不知道原因... 基础Verilog知识还是有待学习啊~‘ 最终代码: //======================================================= // This code is generated by Terasic System Builder //=======================

用51单片机实现的简易秒表

设计思路:在main函数中不停的控制数码管显示时.分.秒,同时用定时器0控制时间的递增 代码如下: 1 #include "reg52.h" 2 #define led P0 3 typedef unsigned char u8; 4 typedef unsigned int u16; 5 6 sbit LSA = P2^2; 7 sbit LSB = P2^3; 8 sbit LSC = P2^4; 9 sbit k3 = P3^2; 10 sbit k4 = P3^3; 11 st

深入理解BOM系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)

× 目录 [1]时钟 [2]倒计时 [3]秒表[4]闹钟 前面的话 本文属于定时器的应用部分,分别用于实现与时间相关的四个应用,包括时钟.倒计时.秒表和闹钟.与时间相关需要用到时间和日期对象Date,详细情况移步至此 时钟 最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可 <div id="myDiv"></div> <script> myDiv.innerHTML = /\d\d:\

深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)

前面的话 本文属于定时器的应用部分,分别用于实现与时间相关的四个应用,包括时钟.倒计时.秒表和闹钟.与时间相关需要用到时间和日期对象Date,详细情况移步至此 时钟 最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可 <div id="myDiv"></div> <script> myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new Date().toS

Android 开发第七弹:简易时钟(秒表)

本文承接,Android 开发第五弹:简易时钟(闹钟) 和 Android 开发第六弹:简易时钟(计时器),这一部分是关于秒表的. 布局 同样是新建一个类(StopWatchView)并扩展自LinearLayout,并将其用作布局. <myapplication.nomasp.com.clock.StopWatchView android : id = "@+id/tabStopWatch" android : layout_width = "match_parent

简易数字钟设计

简易数字钟设计 一.摘要 信息时代,时间观念深入人心,所以掌握数字钟的设计具有一定的时代意义,并且使用Multisim进行分立元件设计数字钟,可以大大提升个人数字电路的素养. 设计思路是从上至下,先进行数字钟整体框架的设计,考虑各个子芯片的预留端口,再逐个设计各个子电路模块.最终完成了时钟显示,调时,闹钟,定点报时以及万年历的功能.并且总的控制点预留了新功能的接入口,这样子就可以十分方便的进行新功能的加入. 目录 简易数字钟设计... 1 一.摘要... 1 二.前期准备... 2 1.数电知识

使用 RxJS 实现一个简易的仿 Elm 架构应用

使用 RxJS 实现一个简易的仿 Elm 架构应用 标签(空格分隔): 前端 什么是 Elm 架构 Elm 架构是一种使用 Elm 语言编写 Web 前端应用的简单架构,在代码模块化.代码重用以及测试方面都有较好的优势.使用 Elm 架构,可以非常轻松的构建复杂的 Web 应用,无论是面对重构还是添加新功能,它都能使项目保持良好的健康状态. Elm 架构的应用通常由三部分组成--模型.更新.视图.这三者之间使用 Message 来相互通信. 模型 模型通常是一个简单的 POJO 对象,包含了需要

最简易无加密方式下的ppp拨号连接

PPP拨号连接建立虚拟网卡,并可以进行路由设置.几乎所有其他的连接服务都建立在其之上,PPPoE,PPTP,L2TP等等. 而其中一个最基本的话题可能被忽略了,PPP是如何工作的,如何使用PPP建立最简易的连接. PPP协议实际上非常简单,握手信号之后即进行数据交换,由于原来的PPP连接的使用都是基于电话MODEM的点对点通信,不考虑过于复杂的加密并保证传输效率,所以PPP的缺省设置是基于tty设备的,如果使用串口就是ttyS0-ttyS? 当然,使用pppd应用于附加服务并不必须使用tty设备

求问自制简易Android地图大概思路

============问题描述============ 我想做一个简易的Android地图,不使用Google的API.让它可以实现移动,缩放,旋转,标记的功能.我现在知道的大体思路是把整张地图图片切割成若干小块,然后让这些小块共同移动,旋转.但是不知道这个思路对不对,还有使用什么Android控件和方法实现,请各位大神指点,谢谢!! ============解决方案1============ 引用 2 楼 despotdragon 的回复: Quote: 引用 1 楼 ITbailei 的回