brython | timer 计时器

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

在本篇文章中，你将学习到：

set_timeout单次定时器

clear_timeout取消单次定时器

set_interval重复定时器

clear_interval取消重复定时器

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

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

单次定时器

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

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

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

我们可以看如下例子。

frombrowserimporttimerfrombrowserimporthtmlfrombrowserimportdocumentbtn_1=html.BUTTON("点我开始触发单次定时器")btn_1.id="btn_1"document

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

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

如上代码，我已经放到了[码上掘金]中，来试试吧。

在单次定时器执行前取消

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

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

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

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

定义循环定时器以及取消

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

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

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

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

clear_interval(定时器ID)

其中定时器ID的类型为int。

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

frombrowserimportdocument,html,timer#定义按钮btn1=html.BUTTON("点击开始重复定时器")btn1.id="btn1"document1就停止重复输出ifcount>1:timer.clear_interval(ids)count+=1document

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

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

关于这个，其实我昨晚上已经写好了，放在了[码上掘金]上了。

使用brython实现

信息发送倒计时-码上掘金

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

运行后效果

初始页面如下：

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

总结

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

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