brython | timer 计时器

你在javascript中使用过setTimeout、setInterval 等函数么？ 今天我们来看看在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来取消单次定时器，它需要传入单次执行器的返回值。

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

我们若要取消单次定时器，我们需要执行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，此时再发送信息出去，再计算倒计时过程中，可以点击取消发送。若你

运行后效果

初始页面如下：

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

总结

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

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