微信小程序如何使用振动？

推荐答案

在微信小程序中，可以使用 wx.vibrateShort 或 wx.vibrateLong API 来实现振动功能。

// www.javascriptcn.com code example
// 短振动
wx.vibrateShort({
  success(res) {
    console.log('短振动成功', res);
  },
  fail(err) {
    console.error('短振动失败', err);
  }
});

// 长振动
wx.vibrateLong({
  success(res) {
    console.log('长振动成功', res);
  },
  fail(err) {
    console.error('长振动失败', err);
  }
});

本题详细解读

1. 短振动 wx.vibrateShort

• 功能描述：触发短振动，通常持续约15ms。
• 使用场景：适用于轻提示，如按钮点击反馈、消息提醒等。
• 参数：无参数，直接调用即可。
• 返回值：成功或失败的回调函数。

2. 长振动 wx.vibrateLong

• 功能描述：触发长振动，通常持续约400ms。
• 使用场景：适用于较强的提示，如重要通知、警告等。
• 参数：无参数，直接调用即可。
• 返回值：成功或失败的回调函数。

3. 注意事项

• 兼容性：这两个API在微信小程序基础库1.2.0及以上版本中支持。
• 权限：振动功能不需要额外权限，但需要用户设备支持振动功能。
• 用户体验：振动功能应谨慎使用，避免过度干扰用户。

4. 示例代码

// www.javascriptcn.com code example
// 示例：在按钮点击时触发短振动
Page({
  onButtonClick() {
    wx.vibrateShort({
      success(res) {
        console.log('短振动成功', res);
      },
      fail(err) {
        console.error('短振动失败', err);
      }
    });
  }
});

通过以上方式，开发者可以轻松在微信小程序中实现振动功能，提升用户体验。