setTimeout

解释：设定一个定时器，在定时到期以后执行注册的回调函数。

方法参数

Function callback, Number delay

callback参数说明 ：回调函数

delay参数说明 ： 延迟的时间，函数的调用会在该延迟之后发生，单位 ms。

返回值

名称解释
number定时器的编号。这个值可以传递给 clearTimeout 来取消该定时。

示例

在开发者工具中预览效果

扫码体验

setTimeout - 图1请使用百度APP扫码

图片示例

setTimeout - 图2

setTimeout - 图3

setTimeout - 图4

代码示例

  • 在 swan 文件中
  1. <view class="wrap">
  2.     <button type="primary" bindtap="setTimeoutTap">setTimeout</button>
  3.     <button type="primary" bindtap="clearTimeoutTap">clearTimeout</button>
  4. </view>
  • 在 js 文件中
  1. Page({
  2.     setTimeoutTap() {
  3.         this.timeout && clearTimeout(this.timeout);
  4.         this.timeout = setTimeout(function () {
  5.             swan.showToast({
  6.                 title: 'timeout',
  7.                 icon: 'none'
  8.             })
  9.         }, 5000);
  10.     },
  11.     clearTimeoutTap() {
  12.         this.timeout && clearTimeout(this.timeout);
  13.     }
  14. });
  • 在 css 文件中
  1. .wrap {
  2.     padding: 50rpx 30rpx;
  3. }
  5. .wrap button {
  6.     margin-bottom: 30rpx;
  7. }