brython | timer 计时器

简介: brython | timer 计时器

image.png


你在javascript中使用过setTimeoutsetInterval 等函数么? 今天我们来看看在brython中是如何使用定时器的呢?


在本篇文章中,你将学习到:


  • set_timeout单次定时器
  • clear_timeout取消单次定时器
  • set_interval重复定时器
  • clear_interval取消重复定时器
  • 使用timer计时器写一个模拟短信取消发送功能

文章中,不会提及javascript语法,后端大佬们可以放心食用。


单次定时器


brython中,我们使用set_timeout来定义单次定时器,其函数具体参数为:

set_timeout(函数,毫秒,[*参数])


其中函数和毫秒是必须的。


我们可以看如下例子。

from browser import timer
from browser import html
from browser import document
btn_1 = html.BUTTON("点我开始触发单次定时器")
btn_1.id = "btn_1"
document <= btn_1
def inertVal():
    document <= "hello pdudo"
def showInfo(ev):
    timer.set_timeout(inertVal,3000)
document["btn_1"].bind("click",showInfo)


如上代码,执行的效果为,按下按钮后,间隔3000毫秒,会向屏幕追加输出一个hello pdudo

具体执行过程为: 先创建了一个按钮,显示为“点我开始触发单次定时器”,将其id属性设置为btn_1,而后为btn_1建立了一个点击事件,指向函数showInfo中,在该函数下,调用了单次计时器: timer.set_timeout(inertVal,3000),等待时间为3000毫秒,执行的函数是inertVal,而在该函数中,我们则向页面输出一个hello pdudo


如上代码,我已经放到了【码上掘金】中,来试试吧。

code.juejin.cn/pen/7159017…



在单次定时器执行前取消


如果我们已经开始执行了单次定时器set_timeout,在函数运行之前,怎么取消呢?


brython中,我们可以使用clear_timeout来取消单次定时器,它需要传入单次执行器的返回值。


我们将上述代码修改一下,新增一个按钮,用作取消单次执行器,代码如下:

image.png


我们若要取消单次定时器,我们需要执行clear_timeout,该函数需要传入set_timeout的返回值,其为int类型,所以说,我们要修改一下,在执行单次触发器的时候,将其返回值拿出来,即ids。同时定义一个global作为全局变量使用,这样再点击取消单次触发器的时候,就将其ids传入进行即可。

相关代码已经放置到【码上掘金】了,有兴趣的可以看下:

code.juejin.cn/pen/7159029…



定义循环定时器以及取消


上述已经介绍了单次定时器的定义与取消,本次来看看循环定时器是如何定义和取消的。

brython中,定义重复定时器的函数为 set_interval ,其函数具体参数为:

set_interval(函数,毫秒,[*参数])


其中,函数 和 毫秒 是必填项, 而取消重复定时器的函数为clear_interval,其具体参数为:

clear_interval(定时器ID)


其中定时器ID的类型为int

为此,我们可以写一个简单的demo来演示一下循环定时器定义以及取消,代码如下:

from browser import document,html,timer
# 定义按钮
btn1 = html.BUTTON("点击开始重复定时器")
btn1.id = "btn1"
document <= btn1
# 定义计时器
count = 0
def showInfo(ev):
  # 定义重复定时器
  global ids
  ids = timer.set_interval(printHello,1000)
def printHello():
  global count
  # 当计时器 >1 就停止重复输出
  if count > 1:
    timer.clear_interval(ids)
  count += 1
  document <= "hello pdudo"
# 注册按钮事件
document["btn1"].bind("click",showInfo)


如上代码,并不复杂,我们定义了一个按钮,并为其注册了一个点击事件 绑定到函数showInfo中,在该函数中,我们定义了一个重复计时器,每隔1秒执行printHello函数,而在该函数中,判断若count大于1 ,就停止重复计时器,若不满足条件,则count +1,并且输出hello pdudo,代码已经放到了【码上掘金】上了,代码如下:

code.juejin.cn/pen/7159067…



使用timer计时器写一个模拟短信取消发送demo


关于这个,其实我昨晚上已经写好了,放在了【码上掘金】上了。

使用brython实现
信息发送倒计时 - 码上掘金

项目核心思想为,初始化一个倒计时,假设为10秒,而后定义一个循环定时器,假设为每隔1秒(可调)去执行函数,该函数会重新计算倒计时,再把秒数-1,如此往复直至秒数为0,此时再发送信息出去,再计算倒计时过程中,可以点击取消发送。若你

运行后效果


初始页面如下:


image.png

点击发送后,在倒计时结束前,可以取消发送,倒计时会持续更新,直至为空,而后就会发送信息。


image.png



总结


brython中虽然支持绝大多数python关键字,但是有些是不支持的哦,比如,sleep。所以才出现了timer供我们调用。关于demo中的代码,如果看过了单词和循环定时器的话,其实不难,况且我还是一个爱写注释的运维小学生,所以就不解析代码了。


怎么样,觉得好玩么? 快动动你的小手试试吧。





相关文章
|
算法 开发者
【Makefile 相关 】Makefile中patsubst(扩展通配符)的含义
【Makefile 相关 】Makefile中patsubst(扩展通配符)的含义
397 0
|
IDE Java 开发工具
什么是IDE?新手用哪个IDE比较好?
什么是IDE?新手用哪个IDE比较好?
1779 0
|
设计模式 API 数据库
【C/C++ 设计思路】C++中解耦策略的艺术:有效管理复杂依赖关系
【C/C++ 设计思路】C++中解耦策略的艺术:有效管理复杂依赖关系
713 3
|
NoSQL MongoDB 数据库
MongoDB 更新文档:灵活修改数据,实时响应需求变化
MongoDB 更新文档:灵活修改数据,实时响应需求变化
269 0
|
安全 网络协议
子域名在线扫描 -- dnsdumpster
子域名在线扫描 -- dnsdumpster
885 0
|
Linux
settime计时器和POSIX timer函数
settime计时器和POSIX timer函数
365 0
|
人工智能 JavaScript IDE
蚂蚁智能研发助手CodeFuse来了!支持40余种编程语言
祝各位开发者节日快乐!今天,在这个特殊的日子里,我为大家带来一份小礼物——蚂蚁出品的智能研发助手 CodeFuse~
653 0
蚂蚁智能研发助手CodeFuse来了!支持40余种编程语言
|
Java 应用服务中间件
Natapp实现公网地址映射本机web网站
本文目录 1. 背景 2. 注册 3. 建立本地web服务(网站) 4. 下载Natapp客户端 5. 配置Natapp 6. 运行Natapp 7. 内网穿透测试
685 0
|
NoSQL 网络协议 程序员
7年资深后端带你读懂Redis源码,共总结了这7点心得
7年资深后端带你读懂Redis源码,共总结了这7点心得
71315 2
7年资深后端带你读懂Redis源码,共总结了这7点心得
|
SQL 缓存 监控
presto-多租户资源管理
presto资源管理介绍 oomKiller presto会监控sql整个生命周期资源的使用(mem,cpu),worker也会周期性汇报自身mem使用状况,当worker的free memory降为0及以下时,触发集群oom逻辑。
3698 0
presto-多租户资源管理