微信小程序制作:(看图)我想把定时器做成这种滑动的效果,可以跟我讲讲思路吗?

https://img.mukewang.com/5c8b32880001277902420074.jpg

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

偶然的你
浏览 701回答 2
2回答

慕斯709654

let that = thislet&nbsp;hours&nbsp;=&nbsp;new&nbsp;Date().getHours();&nbsp;//获取当前小时let&nbsp;minutes&nbsp;=&nbsp;new&nbsp;Date().getMinutes();&nbsp;//获取当前分钟let&nbsp;n&nbsp;=&nbsp;that.data.newTime.match(/(\S*):/)[1]&nbsp;//&nbsp;截取预定时间小时dataer();//&nbsp;计时器function&nbsp;dataer()&nbsp;{&nbsp;&nbsp;//&nbsp;如果现在还未到预定时间 &nbsp;&nbsp;if&nbsp;(hours&nbsp;<&nbsp;n)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;timerTem&nbsp;=&nbsp;setTimeout(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;t&nbsp;=&nbsp;minutes&nbsp;*&nbsp;2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(t) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataer() &nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;1000) &nbsp;&nbsp;&nbsp;&nbsp;that.setData({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dao_left:&nbsp;t &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;} }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5
Vue.js