Web秀 - 让你的技术真正秀起来

var hour, minute, second;//时 分 秒

hour = minute = second = 0;//初始化

var millisecond = 0;//毫秒

var int;

function Reset()//重置

{

window.clearInterval(int);

millisecond = hour = minute = second = 0;

document.getElementById('timetext').value = '00时00分00秒000毫秒';

}

function start()//开始

{

int = setInterval(timer, 50);

}

function timer()//计时

{

millisecond = millisecond + 50;

if (millisecond >= 1000) {

millisecond = 0;

second = second + 1;

}

if (second >= 60) {

second = 0;

minute = minute + 1;

}

if (minute >= 60) {

minute = 0;

hour = hour + 1;

}

document.getElementById('timetext').value = hour + '时' + minute + '分' + second + '秒' + millisecond + '毫秒';

}

function stop()//暂停

{

window.clearInterval(int);

}

开始 暂停

type="button" οnclick="Reset()">重置

如何使用html实现在线秒表,请使用js实现一个秒表计时器的程序相关推荐

  1. [js] 请使用js实现一个秒表计时器的程序

    [js] 请使用js实现一个秒表计时器的程序 <!DOCTYPE html> <html lang="en"><head><meta ch ...

  2. [js] 请使用 js 实现一个双向链表

    [js] 请使用 js 实现一个双向链表 链表结构是我们在面试中经常会被问起的较为基础的数据结构问题,起初学习数据结构使用的是C++语言,最近在做前端面试题的过程中没碰到了需要用js实现双链表的需求, ...

  3. 请用python3编写一个计算器的控制台程序_二、软件工程慕课第一章作业题——编写一个计算器...

    一.题目描述 请用Python3编写一个计算器的控制台程序,支持加减乘除.乘方.括号.小数点,运算符优先级为括号>乘方>乘除>加减,同级别运算按照从左向右的顺序计算. 二.输入描述 ...

  4. html做秒表代码,利用JS实现一个可精确到10ms的秒表的制作(附代码)

    本篇文章给大家带来的内容是关于利用JS实现一个可精确到10ms的秒表的制作(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 这段时间刚接触js,想利用所学的知识自制一款简单的 ...

  5. 用JS实现一个秒表计时器

    秒表计时器的实现: 效果图如下: 附代码,已调试运行 <!DOCTYPE html> <html lang="en"><head><met ...

  6. 秒针计时器 html,JS实现一个秒表计时器

    本文实例为大家分享了JS实现秒表计时器的具体代码,供大家参考,具体内容如下 秒表计时器的实现: 效果图如下: 附代码,已调试运行 Document #div1 { width: 300px; heig ...

  7. 单片机秒表c语言程序设计思路,单片机秒表程序设计

    <单片机秒表程序设计>由会员分享,可在线阅读,更多相关<单片机秒表程序设计(8页珍藏版)>请在人人文库网上搜索. 1.51单片机秒表程序设计班级:姓名:学号指导老师时间一.课题 ...

  8. 用js做一个简单的秒表计时器

    用js做一个简单的秒表计时器 具体代码如下 <!DOCTYPE html> <html lang="en"><head><meta cha ...

  9. pdfjs使用npm_pdf在线浏览插件pdf.js使用说法举例

    我们在制作网站时,有时候需要在项目中使用在线浏览PDF文件的功能,使用pdf.js可以实现这一功能,以下是青锋建站给大家分享的pdf在线浏览插件pdf.js使用说法与举例. pdf.js在线演示 ht ...

最新文章

  1. JAVA语言教学重点_《JAVA语言》教学大纲
  2. 阿米洛键盘取消win_阿米洛花旦娘静电容V2键盘测评:不止是一把好看的键盘
  3. 【CF#-931A】 Friends Meeting(思维)
  4. 衰落信道中的平均信噪比和瞬时信噪比
  5. 跟小伙伴们做了个高效刷论文的小站
  6. 转:CommandArgument 传多个值到另外页面的方法
  7. Win7主题文件themepack不能安装,低级错误!
  8. 一、Quartus II软件的使用
  9. cc2530单片机是几位单片机_cc2530中单片机的通用I/O接口
  10. 日本被动元件是怎样称霸全球的
  11. 和小白一起学习V4L2采集视频
  12. Knn算法之手写识别系统
  13. 服务器没有显示器能接笔记本吗,笔记本能连显示器吗_笔记本能不能接显示器...
  14. 两家“国网”合建5G,三大运营商“好日子到头”?
  15. 炼丹心得|追求极致的比赛冠军什么样?
  16. 前端讲义64_AngularJS鼠标与键盘事件有关指令
  17. git 知:贮藏与清理
  18. 新东方雅思词汇(List 36 ~ List 40)
  19. [Android6.0][MTK6737] MTK 编译环境搭建
  20. USB3.0规范中译本 第七章 链路层(1)

热门文章

  1. Android 天气APP(十三)仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整
  2. php获取用户和服务器ip及其地理位置详解
  3. aks Unable to connect to the server: x509
  4. arm linux not syncing,Linux系统启动中途停止,提示Kernel panic - not syncing: Attempted to kill init!...
  5. HUST-多媒体基础PPT目录
  6. 微信小程序 - 页面跳转传参 JSON.parse 解析失败报错(SyntaxError: Unexpected end of JSON input)解决方案
  7. EASYOPS系列|《凤凰项目》用几百案例解释DevOps
  8. oracle查询挂起,表挂起更新查询Oracle 11g(Table hangs on Update query Oracle 11g)
  9. 大内存PDF文件转Word免费之道
  10. PHP h5付款到支付宝账户