小程序 验证码倒计时

小程序中实现验证码倒计时可以通过以下步骤：

1. 在小程序页面中，创建一个按钮用于触发发送验证码的操作。
2. 给按钮添加点击事件，当用户点击按钮时，触发发送验证码的逻辑。
3. 在发送验证码的逻辑中，首先禁用按钮，避免用户重复点击。
4. 设置一个倒计时变量，例如 `countDown`，初始化为一个固定的倒计时时间，比如60秒。
5. 创建一个定时器，在定时器中，每秒减少 `countDown` 的值，并将剩余时间展示在按钮上。
6. 当 `countDown` 的值为0时，清除定时器，恢复按钮为可点击状态。

以下是一个简单的示例代码：

Page({
  data: {
    countDown: 60,
    disableButton: false,
    buttonText: '获取验证码'
  },

  sendVerificationCode() {
    // 禁用按钮
    this.setData({
      disableButton: true
    });

    // 设置倒计时
    let timer = setInterval(() => {
      let countDown = this.data.countDown - 1;

      if (countDown <= 0) {
        // 清除定时器
        clearInterval(timer);

        // 恢复按钮为可点击状态
        this.setData({
          countDown: 60,
          disableButton: false,
          buttonText: '获取验证码'
        });
      } else {
        // 更新倒计时时间
        this.setData({
          countDown: countDown,
          buttonText: `${countDown}秒后重新获取`
        });
      }
    }, 1000);

    // 发送验证码的逻辑
    // ...
  }
});

在上述代码中，当用户点击发送验证码按钮时，会触发 `sendVerificationCode` 方法，该方法会进行倒计时逻辑的处理。在倒计时过程中，按钮会显示剩余时间，并且禁用按钮防止用户重复点击。当倒计时结束后，按钮会恢复为可点击状态。你可以根据自己的需求进行进一步的定制和美化。