微信小程序番茄时钟代码

以下是一个简单的微信小程序番茄时钟的代码示例：

1. 在 `app.json` 文件中添加页面路径：

{
  "pages": [
    "pages/tomato/tomato"
  ]
}

2. 在 `pages` 目录下创建 `tomato` 目录，并在其中添加 `tomato.wxml`、`tomato.wxss`、`tomato.js` 和 `tomato.json` 文件。

3. 在 `tomato.wxml` 文件中添加以下代码：

<view class="container">
  <view class="timer">{{time}}</view>
  <view class="buttons">
    <button class="start" bindtap="start">开始</button>
    <button class="stop" bindtap="stop">停止</button>
  </view>
</view>

4. 在 `tomato.wxss` 文件中添加以下代码：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.timer {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 24px;
}

.buttons {
  display: flex;
}

button {
  margin: 0 16px;
}

5. 在 `tomato.js` 文件中添加以下代码：

const TIMER_DURATION = 25 * 60 * 1000; // 25 minutes in milliseconds

Page({
  data: {
    time: '25:00',
    timer: null,
    remainingTime: TIMER_DURATION
  },

  start() {
    if (this.data.timer) {
      return;
    }

    this.data.timer = setInterval(() => {
      if (this.data.remainingTime <= 0) {
        clearInterval(this.data.timer);
        this.data.timer = null;
        wx.showToast({
          title: '番茄时间结束！',
          icon: 'none'
        });
        return;
      }

      const minutes = Math.floor(this.data.remainingTime / 60000);
      const seconds = Math.floor((this.data.remainingTime % 60000) / 1000);
      this.setData({
        time: `${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`,
        remainingTime: this.data.remainingTime - 1000
      });
    }, 1000);
  },

  stop() {
    if (this.data.timer) {
      clearInterval(this.data.timer);
      this.data.timer = null;
    }
  }
});

6. 在 `tomato.json` 文件中添加以下代码：

{
  "navigationBarTitleText": "番茄时钟"
}

这样就完成了一个简单的微信小程序番茄时钟的实现。