用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    郁闷
    2017-6-29 17:34
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    76

    主题

    104

    帖子

    10万

    金钱

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    优秀版主

    2017-1-19 16:25:18 cyk 管理员 楼主 83122
    微信小程序定时器组件(输入时间字符串即可倒计时)
    用法:

    引入:
    [AppleScript] 纯文本查看 复制代码
    var timer = require('../../plugins/wxTimer.js');

    最简单的调用方式:
    [AppleScript] 纯文本查看 复制代码
    timer.wxTimer.call(this);

    其他参数:
    1、beginTime    需要倒计时的时间,比如:"01:11:12",默认值为"00:00:00"

    2、fn                倒计时归零0时的回调函数,如果为beginTime = "00:00:00"则立即调用

    3、interval        倒计时的过程中,规定每隔几秒执行一次intervalFn,如果为0则永远不会执行,默认为1

    4、intervalFn    每隔interval秒执行一次的函数。



    注意:使用此组件,会在page的data中创建一个名为wxTimer的key,如果需要在wxml中引用倒计时的数据直接{{wxTimer}}即可

    小程序中用法示例:

    js部分:
    [AppleScript] 纯文本查看 复制代码
    var wxTimer = require('../../plugins/wxTimer.js');
     Page({
       data: {
      },
      onLoad: function () {
         wxTimer.wxTimer.call(this,"00:10:01",function(){
             console.log("完成");
         },5,function(){
           var that = this;
          wx.getLocation({
            type: 'gcj02', //返回可以用于wx.openLocation的经纬度
            success: function(res) {
              that.setData({
                latitude : res.latitude,
                longitude : res.longitude,
              })
            }
          })
        }.bind(this));
      }
    })


    wxml部分:
    [AppleScript] 纯文本查看 复制代码
    <text>{{wxTimer}}</text>


    附件下载:
    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    啥也不说了,感谢楼主分享哇!
    嘻嘻,嘻嘻,谢谢分享

    啥也不说了,感谢楼主分享哇!
    感谢分享
    使用道具 举报 回复
    啥也不说了,感谢楼主分享哇!
    谢谢楼主 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    想知道wxTimer.js怎么写的
    :):):):):)
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X