// pages/youxi/dian1.js
Page({
/**
* 页面的初始数据
*/
data: {
bian: 0,
zhuan: 0,
textTure: 'touchstart'
},
shiFN: function (e) {
let that = this;
let n = 0;
// 判断是开始还是结束的参数
let textTure = e.type;
that.setData({
textTure: textTure
})
if (textTure == 'touchstart') {
let lovetime = setInterval(function () {
n += 0.5;
if (that.data.textTure == 'touchend') {
clearInterval(lovetime);
}
console.log(n);
that.setData({
bian: n
})
}, 500)
}
},
})
<view class='yx-box'>
<view class='yx-content'>
<view>{{bian}}</view>
</view>
<view class='bt flexca'>
<view class='bt-item' bindtouchend='shiFN' bindtouchstart='shiFN'></view>
</view>
</view>
page {
100%;
height: 100%;
}
.yx-box {
100%;
height: 100%;
">red;
position: relative;
padding-bottom: 60px;
}
.bt {
100%;
height: 60px;
position: fixed;
left: 0;
bottom: 0;
}
.bt-item {
45px;
height: 45px;
">blue;
border-radius: 50%;
}
.yx-content {
100%;
height: 100%;
">gray;
}