微信小程序 功能函数 touch触摸计时

shiFN:function(e){

// touchstart

// touchend

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=‘bt-item‘ bindtouchend=‘shiFN‘ bindtouchstart=‘shiFN‘></view>

原文地址:https://www.cnblogs.com/dianzan/p/8328547.html

时间: 2024-11-02 05:50:30

微信小程序 功能函数 touch触摸计时的相关文章

微信小程序 功能函数 点击传参和页面

// 商品详情页跳转函数 detailInto: function (e) { // console.log() var change = e.currentTarget.dataset.id; wx.navigateTo({ url: '../detail/detail?id=' + change }) }, //接收的页面 onLoad: function (opt) { var selectnum= this.data.selectnum; selectnum.sq = opt.key;

微信小程序 功能函数 将对象的键添加到数组 (函数深入)

// 将对象的键添加到数组 var arr = Object.keys(site); //英文 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys 中文 https://developer.mozilla.org/zh-CN/ https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo

微信小程序 功能函数 购物车商品删除

// 购物车删除 deleteList(e) { const index = e.currentTarget.dataset.index; let carts = this.data.carts; carts.splice(index, 1); // 删除购物车列表里这个商品 this.setData({ carts: carts }); if (!carts.length) { // 如果购物车为空 this.setData({ hasList: false // 修改标识为false,显示购

微信小程序 功能函数 分享

//wxml <button open-type="share" style=' <view class='btn-img'> <image class='image-full' src='../../imgs/index/tab5.png'></image> </view> <view>分享</view> </button> //js /** * 用户点击右上角分享 */ onShareAppM

微信小程序 功能函数 把数字1,2,3,4换成春,夏,秋,冬

let season ='1,2,3'; // console.log(season.length) if (season){ if (season.length==1){ seasonChe1=season.substr(0); seasonChe1 = parseInt(seasonChe1) switch (seasonChe1) { case 1: (function(){ seasonChe2='春' })() break; case 2: (function () { seasonC

如何使用微信小程序云函数发送短信验证码

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个

微信小程序 onLoad 函数

小程序注册完成后,加载页面,触发onLoad方法. 页面载入后触发onShow方法,显示页面. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次. 当小程序后台运行或跳转到其他页面时,触发onHide方法. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload 例如: 我们定义了一个方法: 功能是:当用户打开这个

微信小程序使用函数的三种方法

使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month,

微信小程序云函数Windows下安装wx-server-sdk

第一次上传部署云函数时,会提示这个,建议在这之前先安装一下node.js. https://nodejs.org/en/ 下载nodejs,然后直接安装,在cmd控制台输入node -v和npm -v,这两个打印版本号的命令可以判断node和npm是否安装成功. 这时可以进行第一次上传部署云函数的操作了,如果你已经执行过了,那现在就需要手工来安装wx-server-sdk依赖了. 打开cmd控制台,进入到云函数的文件夹,然后执行: npm install --save [email protec