html代码重构为微信小程序

原项目地址

小程序地址

参考

学习

微信小程序 详解弹框wx.showToast、wx.showModal、wx.showActionSheet，modal控件解释及input输入框值的获取

一、wx.showToast

wx.showToast({
     title: '失败',//提示文字
     duration:2000,//显示时长
     mask:true,//是否显示透明蒙层，防止触摸穿透，默认：false  
     icon:'success', //图标，支持"success"、"loading"  
     success:function(){ },//接口调用成功
     fail: function () { },  //接口调用失败的回调函数  
     complete: function () { } //接口调用结束的回调函数  
})

二、wx.showModal

wx.showModal({
     title: '删除图片',
     content: '确定要删除该图片？',
     showCancel: true,//是否显示取消按钮
     cancelText:"否",//默认是“取消”
     cancelColor:'skyblue',//取消文字的颜色
     confirmText:"是",//默认是“确定”
     confirmColor: 'skyblue',//确定文字的颜色
     success: function (res) {
        if (res.cancel) {
           //点击取消,默认隐藏弹框
        } else {
           //点击确定
           temp.splice(index, 1),
           that.setData({
              tempFilePaths: temp,
           })
        }
     },
     fail: function (res) { },//接口调用失败的回调函数
     complete: function (res) { },//接口调用结束的回调函数（调用成功、失败都会执行）
  })

三、wx.showActionSheet

wx.showActionSheet({
     itemList: ['列1','列2','列3'],//显示的列表项
     success: function (res) {//res.tapIndex点击的列表项
        console.log("点击了列表项：" + that[res.tapIndex])
     },
     fail: function (res) { },
     complete:function(res){ }
  })

类似于alert

微信小程序 循环执行 设定固定时间间隔

setInterval(function () {
//循环执行代码
}, 1000) //循环时间 这里是1秒  
满足条件 结束循环


var a = setInterval(function () { 
    //循环执行代码 
    if(结束条件)
    { 
        clearInterval(a) 
    } 
}, 1000) //循环时间 这里是1秒

微信小程序 循环执行 设定固定时间间隔