082_Timing事件
1. window对象允许以指定的时间间隔执行代码。这些时间间隔称为定时事件。
2. setTimeout()和clearTimeout()方法
2.1. setTimeout()方法在等待指定的毫秒数后执行函数。
2.2. 语法
setTimeout(function, milliseconds)
第一个参数是要执行的函数。
第二个参数指示执行之前的毫秒数。
2.3. clearTimeout()方法停止执行setTimeout()中规定的函数。
2.4. clearTimeout()使用从setTimeout()返回的变量:
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
3. setInterval()和clearInterval()方法
3.1. setInterval()方法在每个给定的时间间隔重复给定的函数。
3.2. 语法
setInterval(function, milliseconds)
第一个参数是要执行的函数。
第二个参数每个执行之间的时间间隔的长度。
3.3. clearInterval()方法停止setInterval()方法中指定的函数的执行。
3.4. clearInterval()方法使用从setInterval()返回的变量:
myVar = setInterval(function, milliseconds);
clearInterval(myVar);
4. 例子
4.1. 代码
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8" /><title>定时事件</title></head><body><!-- 这里不要加var, 挺奇怪 --><button onclick="sayHelloTimeout = setTimeout(sayHello, 3000)">3秒后, 对大家说hello</button><button onclick="clearTimeout(sayHelloTimeout)">停止3秒后对大家说hello</button><button onclick="sayHelloInterval = setInterval(countTime, 1000)">开始计时</button><button onclick="clearInterval(sayHelloInterval)">停止计时</button><br /><br /><div id="helloDiv">对大家说:</div><div id="myDiv">0</div><script type="text/javascript">var helloDiv = document.getElementById('helloDiv');var myDiv = document.getElementById('myDiv');function sayHello() {helloDiv.innerHTML += 'hello erverybody';}function countTime() {myDiv.innerHTML = ++myDiv.innerHTML;}</script></body>
</html>
4.2. 效果图
082_Timing事件相关推荐
- JavaScrpit 犀牛书第七版笔记
JavaScrpit 犀牛书第七版笔记 挖个坑吧,JavaScript 犀牛书英文的第七版(JavaScript: The Definitive Guide, 7th Edition)其实在去年(20 ...
- 只要5分钟用数据可视化带你看遍11月份新闻热点事件
2017年11月份已经离我们而去,在过去的11月份我们也许经历了双十一的剁手,也可能亲眼看见了别人剁手.11月份的北京大兴区发生了"11·18"重大火灾,国内多家幼儿园也多次上了头 ...
- EventBus的粘性事件原理
EventBus也称事件总线,根据发送事件的类型分为普通事件和粘性事件. 粘性事件的用法: 1.订阅的时候加上sticky = true @Subscribe(threadMode = ThreadM ...
- 点击事件如何传递到Activity中
1.首先,当我们触摸屏幕时,通过Android消息机制,从Looper从MessageQueue中取出该事件,发送给WindowInputEventReceiver. 2.WindowInputEve ...
- 介绍一下android的事件分发机制
分发事件是指点击事件: 按下.滑动.抬起.取消(滑动超出控件边界时) 分发事件的组件: 也称为分发事件者,包括Activity.ViewGroup和View 事件分发的入口: Activity.dis ...
- ViewGroup的Touch事件分发(源码分析)
Android中Touch事件的分发又分为View和ViewGroup的事件分发,View的touch事件分发相对比较简单,可参考 View的Touch事件分发(一.初步了解) View的Touch事 ...
- View的Touch事件分发(二.源码分析)
Android中Touch事件的分发又分为View和ViewGroup的事件分发,先来看简单的View的touch事件分发. 主要分析View的dispatchTouchEvent()方法和onTou ...
- View的Touch事件分发(一.初步了解)
Android中Touch事件的分发又分为View和ViewGroup的事件分发,先来看简单的View的touch事件分发. 一次完整的Touch事件序列为: ACTION_DOWN -> AC ...
- 2021年大数据Spark(五十二):Structured Streaming 事件时间窗口分析
目录 事件时间窗口分析 时间概念 event-time 延迟数据处理 延迟数据 Watermarking 水位 官方案例演示 事件 ...
最新文章
- docker连接容器外部的mysql
- python基础7 (来自廖雪峰的官方网站)
- 揭开雷达的面纱(科普)接收机
- 超摩尔定律!OpenAI官宣AI算法效率每16个月翻一番
- 用OpenGL进行曲线、曲面的绘制
- JavaScript基本语法(续)
- java 栈和队列实现迷宫代码_LeetCode每日一题--剑指 Offer 09. 用两个栈实现队列(Java)
- 3003 基于二叉链表的二叉树左右节点的交换 附思路
- 我很生气,帮了不足一个月就离开了
- python运行不出结果_python程序没有报错但是运行没有任何结果怎么办?
- CSS 3D透视效果 星空穿越
- 多多客API SDK【拼多多开放平台】
- Could not find method on interface org.apache.ibatis.executor.statement.StatementHandler named prepa
- Spring Boot技术知识点:如何实现二维码生成工具
- android 远程控制 盒子,真正远程控制你的盒子(局域网和互联网)
- 淘宝封杀selenium的ua算法分析
- CSS中四分之一圆的写法
- 操作系统之寄存器——这篇寄存器讲的有点意思!
- 最近超火的ChatGPT到底怎么样?体验完后我有哪些感受和思考?
- 微信小程序—onLoad和onShow