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

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>计时器</title>
</head><body><div id="counter"></div>
</body></html>
<script>/* 选中所需要的couter */const ele = document.getElementById('counter');/* 定义两个变量  */let intervalId, seconds;/* 定义一个计算时间的方法 */function counter() {/* 定义定时器  */intervalId = window.setInterval(() => {--seconds;ele.innerText = seconds;if (seconds === 0) {alert('计时结束');window.clearInterval(intervalId);}}, 1000);}function stopCounter() {window.clearInterval(intervalId);}function resumeCounter() {counter();}seconds = 100;counter();
</script>

运行结果

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。

主目录

与歌谣一起通关前端面试题

[js] 请使用js实现一个秒表计时器的程序相关推荐

  1. 如何使用html实现在线秒表,请使用js实现一个秒表计时器的程序

    Web秀 - 让你的技术真正秀起来 var hour, minute, second;//时 分 秒 hour = minute = second = 0;//初始化 var millisecond ...

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

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

  3. [js] 请使用js实现商品的自由组合,并说说你的思路

    [js] 请使用js实现商品的自由组合,并说说你的思路 <!DOCTYPE html> <html lang="en"><head><me ...

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

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

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

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

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

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

  7. 使用js在桌面上写一个倒计时器_论一个倒计时器的性能优化之路

    原文发表于 2018.05.25,搬运自个人博客. 引子 回顾这半年,扛需求能力越来越强,业务代码也是越写越多.但稍一认真看看这些当时为了满足快速上线所码的东西,问题其实还是不少.这次就从一个简单的计 ...

  8. 使用js在桌面上写一个倒计时器_现代课程网教学互动平台课件编辑器:计时器、倒计时器(图文版)...

    现代课程网教学互动平台 课件编辑器 计时器使用指南 01 功能介绍 计时器插件就是可以从零开始计时的插件. 02 编辑插件 1 在顶部菜单栏里找到"工具控件",在下拉菜单中找到&q ...

  9. 单片机 c语言怎么写一个简易秒表?用一个键盘按键开始暂停的,51单片机秒表计时器课程设计报告(含C语言程序)...

    任务书 1.任务 设计一个秒表计时器,在51单片机的控制作用下,采用4个LED数码管显示时间,计时范围设置为00.0~60.0秒,即精确到0.1秒,用按键控制秒表的"开始".&qu ...

最新文章

  1. Linux yum 命令详解 源配置
  2. mysql自增长2个增加_mysql – 添加第二个自动增量字段并允许重复
  3. 【编译原理】让我们来构建一个简单的解释器(Let’s Build A Simple Interpreter. Part 4.)(python/c/c++版)(笔记)
  4. ARM 汇编中的 B . 语句意义
  5. java main 参数传递参数_Java千问:Java语言如何给main方法传递参数?
  6. Mac查看Python安装路径和版本
  7. 什么是super?如何使用super调用超类构造函数?
  8. JUC中的原子类总结
  9. golang使用go-sql-driver实现mysql增删改操作
  10. 由DispatcherServlet看spring mvc请求处理过程
  11. alot英文怎么读_iot中文读什么,AloT怎么读,Iot是什么意思中文翻译
  12. 如何对酒店的固定资产进行日常管理?
  13. listview 刷新某一个item
  14. 武当功夫在现代2 视频
  15. 专业显卡测试软件 spec,AMD Radeon Pro WX8200专业图形显卡评测 对比Quadro P5000
  16. 4g网卡MF831移植到smart210
  17. eclipse+tomcat+mysql中JDBC驱动加载失败已解决
  18. 解决电脑低俗弹窗广告
  19. 云计算具有哪些优势 如何快速系统学习云计算
  20. 【BFS 广度优先搜索】详解感染橘子最短时间问题

热门文章

  1. Go-json解码到结构体
  2. Sort HDU5884(二分+多叉哈夫曼树)
  3. python 2 days
  4. thinkphp内置标签简单讲解
  5. SQL图像查看器 —— SQL Image Viewer
  6. 剑指offer-翻转单词顺序列
  7. NOIP2002题目汇总
  8. python 爬虫可视化编程_Python爬虫爬取博客实现可视化过程解析
  9. mysql 多数据源访问_通过Spring Boot配置动态数据源访问多个数据库的实现代码
  10. 华为OV小米鸿蒙,华为鸿蒙开源,小米OV们会采用吗?