一个简单的秒表

最新推荐文章于 2024-05-04 19:20:26 发布
最新推荐文章于 2024-05-04 19:20:26 发布
阅读量1.7k 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuzishang/article/details/83538691
版权

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>TimePiece</title>
    <script>
        //创建标识值
        var Intervalid = null;
        window.onload = function () {
            //获取start的dom
            var start = document.getElementById("start");
            //设置点击事件
            start.onclick = function () {
                //判断标识值是否为空
                if (Intervalid == null) {
                    //使用setInterval方法不断调用funstart方法
                    Intervalid=setInterval(funstart, 1000);
                }
                //开始后设置暂停、结束可以使用 开始不可以使用
                pause.disabled = false;
                stop.disabled = false;
                start.disabled = true;
            }
            //获取pause的dom
            var pause = document.getElementById("pause");
            pause.onclick = function () {
                //移除Intervalid方法
                clearInterval(Intervalid);
                //将标识值设为空
                Intervalid = null;
                //开始可以使用
                start.disabled = false;
            }
            //获取stop的dom
            var stop = document.getElementById("stop");
            stop.onclick = function () {
                //移除Intervalid方法
                clearInterval(Intervalid);
                //将标识值设为空
                Intervalid = null;
                //将value的dom中的值初始化为0
                document.getElementById("value").innerHTML = 0;
                //结束、暂停不可使用
                stop.disabled=true;
                pause.disabled=true;
            }
        }
        function funstart() {
            //得到当前值
            var value = document.getElementById("value").innerHTML;
            //把当前值转换成int类型
            var intValue = parseInt(value);
            //把当前值++再赋值
            var newValue = ++intValue;
            //把值显示到div中
            document.getElementById("value").innerHTML = newValue;
        }
    </script>
</head>
<body>
    <div style="width:200px;border:1px solid #ff6a00;text-align:center;margin:0 auto">
        <div>
            <input type="button" name="start" id="start" value="开始"  />
            <input type="button" name="pause" id="pause" value="暂停" disabled />
            <input type="button" name="stop" id="stop" value="结束" disabled />
        </div>
        <div id="value" style="font-family:SimHei;font-size:38px;font-weight:900">0</div>
    </div>
</body>
</html>

昵称全重复
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Verilog实现一个秒表
05-20
用Verilog实现一个秒表，有详细注释，不懂之处可问我。原创。 主要功能说明如下 //第一下key，开始计时 S2 = 3'd2, //第二下key，记录ftime，继续计时 S3 = 3'd3, //第三下key，记录stime，停止计时 S4 = 3'd4, /...
C#新手试着使用winform去做一个时间显示器（可计算）
SZP78120812的博客
03-18 1378
（3）计算时间，我们已经拿到了两个值，一个是我们输入的时间，一个获得的时间，我们要将我们输入的时间加到我们获得的时间上，这里需要用到字符串切割，因为我们获得的时间是xxxx/xx/xx xx:xx:xx这样的格式，当我做到这里的时候我本来想用的是通过位数来控制我拿到对应位置的时间，（1）获取时间，我使用的是textBox.Text，我在上一个textBox里能够获得时间，然后我创建了一个betton，然后我写到。通过Split方法切割字符串，成功的获得了我们的所有位置的时间；if hour满24进一。
C++制作秒表
被迫敲代码的张先森的博客
05-05 2089
抽象出CLOCK类来制作一个电子秒表，能够自动跳转 代码中有些陌生的库函数，顺便介绍一下： 1.system(“cls”)函数 system函数代表执行系统命令，system(“cls”)就是执行命令”清屏“的意思。 #include <windows.h> system("cls"); 2.setw()与setfill()函数 在C++中，setw(int n)用来控制输出间隔...
2024年Vue做的时间倒计时组件（精确到秒）(1)，前端高分面试指南
最新发布
2401_84447417的博客
05-04 958
mvvm和mvc区别？它和其它框架（jquery）的区别是什么？描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？1)ajax请求的原理/ 手写一个ajax请求？Vue 的 nextTick 的原理是什么？组件中写 name 选项有什么作用？4)ajax传递中文用什么方法？3)ajax异步与同步的区别？Vue 中 key 值的作用？Vue 组件间通信有哪些方式?vue 中怎么重置 data?Vuex 有哪几种属性?虚拟 DOM 实现原理。Vue 双向绑定原理。
用c语言编写简易秒表程序,C++如何实现简单的计时器详解
weixin_35804557的博客
05-22 2687
实现分析首先我们先分析一下计时器的一些功能，简单一点的计时器包括开始、暂停、停止和显示基本功能，这些功能以C++面向对象的编程思想(OOP)进行抽象，就是计时器类(Timer)的4个成员函数，当然我们要把这些函数作为公有的，因为它们是留给外部的接口(interface)。然后我们再分析一下计时器的三种状态：停止，正在运行，暂停(注意：暂停不是停止)，那么怎么记录计时器的三种状态呢？这里我们用布尔类...
C#基础之秒表的简单实现
Junzzy的博客
09-06 1万+
由于目前用到了C#的有关知识，但之前没有C#的基础，所以趁着机会正好学习学习。 本篇博文，记录下利用C#实现一个简单的秒表计时器，基本界面如下图。 功能说明：点击“开始”开始计时，点击“暂停”暂停计时，点击“”停止“”停止计时，再点击“开始”，重新开始计时。 首先，我们在窗体设计窗口画出该界面，由1个Label，3个button构成。双击按钮添加事件。 核心部分是用秒表对象Stopwa
用php写考试计时,如何用PHP制作一个计时器（实例代码）
weixin_30608641的博客
03-10 720
这篇文章主要介绍了如何用PHP制作一个计时器，有一定的参考价值，感兴趣的朋友可以看看， 希望可以帮助到你！
简易秒表:编写一个模块，实现简易秒表的功能：
04-22
请编写一个模块，实现简易秒表的功能：具有两个输出，当输出端口second从1-60循环计数，每当second计数到60，输出端口minute加一，一直到minute=60，暂停计数。 请使用Verilog HDL实现以上功能，并编写testbench验证...
Stopwatch:一个简单的React秒表
03-18
在本文中，我们将深入探讨如何使用JavaScript和React创建一个简单的秒表应用，即"Stopwatch"。React是一个流行的JavaScript库，用于构建用户界面，尤其适用于单页应用程序（SPA）。JavaScript则是Web开发的基础，...
C++ 一个简单的秒表类
12-03
本项目基于Boost库的timer组件，扩展了一个简单的秒表类，旨在提供易用且精确的时间测量功能。Boost库是C++的一个开源库集合，提供了大量高质量的工具和组件，其中timer库便是一个用于时间测量的实用工具。 Boost库...
单片机技术简易秒表教程.ppt
11-12
【单片机技术简易秒表教程】 在单片机技术中，秒表的实现通常涉及到数码管显示、定时器和程序流程控制。本教程通过三个任务来逐步教授学生如何使用单片机创建简易秒表。 任务1：2位数码管显示00-99 在这一任务中，...
用C#制作的简易秒表
11-22
namespace StopWatch { public partial class Form2 : Form { DateTime examtime; DateTime nowtime; DateTime t = DateTime.Now; int add = 0; public Form2() { InitializeComponent(); } private void Form2_Load(object sender, EventArgs e) { timer1.Enabled = false; examtime = new DateTime(1, 1, 1, 0,0, 0); labTime.Text = "0" + examtime.ToLongTimeString(); if (t.Hour < 10) labT.Text = "0" + DateTime.Now.ToLongTimeString(); else labT.Text = DateTime.Now.ToLongTimeString(); } private void button2_Click(object sender, EventArgs e) { if (add < 1 ) { starttime(); } else { MessageBox.Show("记录已满，请清除记录后再开始记录!"); } } private void button1_Click(object sender, EventArgs e) { if (timer1.Enabled != false) { Add(); } if (add >= 5) { MessageBox.Show("对不起！最多只能记录4条！！"); timer1.Enabled = false; } } private void button3_Click(object sender, EventArgs e) { ClearTime(); add = 0 - 1; Add(); stoptime(); } private void button4_Click(object sender, EventArgs e) { Application.Exit(); } private void timer1_Tick(object sender, EventArgs e) { examtime = examtime.AddSeconds(1); if (examtime.Hour < 10) labTime.Text = "0" + examtime.ToLongTimeString(); else labTime.Text = examtime.ToLongTimeString(); } private void timer2_Tick(object sender, EventArgs e) { if(t.Hour<10) labT.Text = "0"+DateTime.Now.ToLongTimeString(); else labT.Text = DateTime.Now.ToLongTimeString();nowtime = nowtime.AddSeconds(1); } private void Add() { add = add + 1; switch (add) { case 1: textBox1.Text = "0" + examtime.ToLongTimeString(); timer1.Enabled = true; break; case 2: textBox2.Text = "0" + examtime.ToLongTimeString(); timer1.Enabled = true; break; case 3: textBox3.Text = "0" + examtime.ToLongTimeString(); timer1.Enabled = true; break; case 4: textBox4.Text = "0" + examtime.ToLongTimeString(); Program.hash.add(textBox1.Text, textBox2.Text, textBox3.Text, textBox4.Text); timer1.Enabled = true; timer1.Enabled = false; break; case 5: default: break; } } private void ClearTime() { examtime = new DateTime(1, 1, 1, 0, 0, 0); labTime.Text = "0" + examtime.ToLongTimeString(); textBox1.Clear(); textBox2.Clear(); textBox3.Clear(); textBox4.Clear(); textBox1.Text = "0" + examtime.ToLongTimeString(); textBox2.Text = "0" + examtime.ToLongTimeString(); textBox3.Text = "0" + examtime.ToLongTimeString(); textBox4.Text = "0" + examtime.ToLongTimeString(); timer1.Enabled = false; } private void starttime() { timer1.Enabled = true; } private void stoptime() { timer1.Enabled = false; } private void textBox1_TextChanged(object sender, EventArgs e) { } private void textBox2_TextChanged(object sender, EventArgs e) { } private void textBox3_TextChanged(object sender, EventArgs e) { } private void textBox4_TextChanged(object sender, EventArgs e) { } private void pictureBox1_Click(object sender, EventArgs e) { } private void textBox5_TextChanged(object sender, EventArgs e) { } private void labTime_Click(object sender, EventArgs e) { } private void timeshow_Click(object sender, EventArgs e) { Form3 frm = new Form3(); frm.Show(); } } }
数字秒表C++版
03-21
用C++实现的一个秒表计时工具
c++的一个秒表示例
11-17
很简单的一个秒表，精度达到要求 #include <iostream> #include <time.h> #include <Windows.h> #include<stdio.h> #include<stdlib.h> 都用到了上述的几个库文件
数字式秒表设计(设计一个数字式秒表，一个最简单的数字秒表由毫秒信号发生电路，分、秒、毫秒计数电路，译码显示电路组成。)
01-22
首先由毫秒信号产生电路生产毫秒信号，将此信号接到毫秒计数器的信号输入端。接着，在这个毫秒信号的驱动下，毫秒计数器向秒计数器进位，秒计数器向分计数器进位，最后通过译码器将计数器中的状态以时间的形式显示出来，这样就实现了时间的计数和显示功能
c++制作的计时器
zjw0521的博客
10-04 1507
我做的这个计时器，主要用到的函数是Sleep() 先介绍一下这个函数的用处： Sleep函数可以使计算机程序（进程，任务或线程）进入休眠，简单来说就是让程序停止工作一个特定时间，单位是毫秒，比如： #include <iostream> #include <windows.h> #include <time.h> using namespace std; int main(){ cout << "程序开始" << endl;
利用51单片机制作一个秒表的详细过程
热门推荐
wangwangpengpeng的博客
07-25 8万+
利用51单片机制作一个秒表的详细过程 前面的话： 和很多朋友一样，在学51单片机的过程中我们肯定会涉及到制作一个秒表，牵涉到把单片机的多个部分组合起来使用，这对于我们初学者来说可能显得有些困难，我同大家一样，百思不得其解，最后头都弄大了才把这个秒表制作出来，为了给以后的朋友们一些思路，一些参考，所以在这里我把自己制作的整个详细过程整理出来供大家参考。我调试出来是没有问题的，各方面都稳定运行
php秒表计时器,JS实现可暂停秒表计时器的效果（图文详解）
weixin_28713083的博客
03-21 395
JavaScript是前端开发中必不可少的一部分，很多效果的实现离不开JS，正在学习JavaScript的小伙伴，你会用JS制作秒表计时器吗？这篇文章就和大家如何用JS实现秒表计时器的效果，并且点击按钮可以停止计时，最后将js秒表计时器的代码分享给大家，感兴趣的朋友可以参考借鉴一下。用JS写可停止的秒表计时器需要用到很多JavaScript知识，比如点击事件，function，if函数等等，如有不...
php实现网页执行计时功能
虽千万人，吾往矣
01-21 1390
microtime()：获取毫秒级的UNIX时间戳 <?php $t=microtime(); /* 你要执行的代码 */ echo "哦啦啦啦啦啦啦啦"; $t=microtime()-$t; echo "本次代码执行用了$t毫秒."; ?>
Java用窗体做一个简易秒表
06-01
好的，以下是一个使用Java窗体实现的简易秒表示例代码： ```java import javax.swing.*; import java.awt.event.*; public class StopWatch extends JFrame implements ActionListener{ JLabel lb1, lb2; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值