微信小程序制作：（看图）我想把定时器做成这种滑动的效果，可以跟我讲讲思路吗？

Question

下面的黄色横条有个到店，它会随着定时器定下的时间，然后倒计时，随着时间在减少，到店也会跟着滑动，限制在两小时，最后超过时间就弹出提示。

Answer 1

绝对定位设置移动的“到店”，然后js启用一个定时器，具体多少秒移动一次看情况。因为太短的话1秒移动一下其实看不出来，可以1分钟移动一次。

wxml：

<view style="left:{{left}}rpx;"></view>

js:

setTimeout(()=>{
    // 计算和设置left
}, 60000)

Answer 2

用时间戳计算已经过去时间的百分比，然后js设置游标的位置就行

Answer 3

let that = this

let hours = new Date().getHours(); //获取当前小时
let minutes = new Date().getMinutes(); //获取当前分钟
let n = that.data.newTime.match(/(\S*):/)[1] // 截取预定时间小时
dataer();
// 计时器
function dataer() {
  // 如果现在还未到预定时间
  if (hours < n) {
    var timerTem = setTimeout(function() {
      t = minutes * 2
      console.log(t)
      dataer()
    }, 1000)
    that.setData({
      dao_left: t
    })
  }
}