前端笔记87——clearTimeout

clearTimeout简介

clearTimeout是一个函数，功能是清除定时器。开启一个新的定时器必须清除之前的定时器。

clearTimeout实现一个定时器的管理

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><button id="start">开始</button><button id="stop">结束</button><div id="box"></div><script type="text/javascript">var oStart = document.getElementById("start")var oStop = document.getElementById("stop")var oBox = document.getElementById("box")var timer = null// 点击start获取时间 显示在box中oStart.onclick = getTime;function getTime(){var date = new Date()oBox.innerHTML = date.toLocaleString()timer = setTimeout(getTime,1000)}oStop.onclick = function(){clearTimeout(timer)}</script></body>
</html>

前端笔记87——clearTimeout相关推荐

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
移动端前端笔记 - 遇到的常见JS与CSS问题及解决方法参考文章: (1)移动端前端笔记 - 遇到的常见JS与CSS问题及解决方法 (2)https://www.cnblogs.com/zhaoda ...
Web前端笔记（21-45）
Web前端笔记 (21-45) 21.嵌套列表 1.概念 2.有(无)序列表嵌套 3.定义列表嵌套 22.表格标签 1.种类 2.举例未加语义化标签添加语义化标签 23.表格属性 1.常见表格属 ...
Henry前端笔记之 Node及npm相关
Henry前端笔记之 npm入门相关 NodeJs 简介: 1.Nod简介与概述: 2.交互式运行环境:PEPL 3.Node.js模块和包 3.npm包管理工具 npm简介详见:https://dk ...
1.前端笔记之html
title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀出处:http://www ...
[前端笔记——HTML介绍] 4.HTML文本基础+超链接+高级文本格式
[前端笔记--HTML介绍] 4.HTML文本基础+超链接+高级文本格式 1.HTML文本基础 1.1标题和段落 1.2列表 1.2.1无序列表(unordered) 1.2.2有序列表(ordere ...
[前端笔记——HTML 表格] 8.HTML 表格
[前端笔记--HTML 表格] 8.HTML 表格 1.HTML 表格基础 1.1 什么是表格? 1.2 创建表格: 2.HTML 表格高级特性和无障碍 2.1 使用`<caption>` ...
Henry前端笔记之 Date对象详解
Henry前端笔记之 Date对象详解 Date 对象 1 时间格式简介 2 Date.now 与 new Date().getTime() 的区别 3 Date对象详解普通函数的用法构造函数的用 ...
Henry前端笔记之 git实际操作问题记录
Henry前端笔记之 git实际操作问题记录在拉取后发现之前有未推送的更改早上有一次提交没有推送成功后来强制拉取覆盖了因为冲突太多~~ 现在决定找回之前的提交错误分析: 解决方案: 参考文献 ...
Henry前端笔记之函数封装
Henry前端笔记 (三)函数封装基本函数 1 在Javascript中什么是伪(类)数组?如何将伪数组转化为标准数组? 时间戳转为日期格式基本函数 1 在Javascript中什么是伪(类)数组 ...

前端笔记87——clearTimeout

clearTimeout简介

clearTimeout实现一个定时器的管理

前端笔记87——clearTimeout相关推荐

最新文章

热门文章