minaapp 定时提醒

原创于 2018-09-14 14:25:38 发布 · 242 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个小程序中实现实时时间更新显示和背景音频定时播放的方法。通过bindBegin函数，利用setInterval每秒更新页面显示的时间，并在特定秒数触发背景音频播放，同时根据不同次数设置不同的停止时间。bindStop函数用于停止时间更新和音频播放。

bindBegin放到onLoad里面直接运行

data: {
        is_begin: true,
        now_time: '',
        num: 1
    },




bindBegin: function() {
        var _this = this;
        var interval = setInterval(function() {
            if (_this.data.is_begin) {
                var time = _this.getNowFormatDate();
                _this.setData({
                    now_time: time[0],
                })
                console.log(time[1]);
                if (time[1] == 0) {
                    wx.playBackgroundAudio({
                        dataUrl: 'http://vps.lxx123.club/9006.wav',
                        success: function() {
                            console.log('播放成功!');
                        }
                    });
                    if (_this.data.num == 1) {
                        setTimeout(() => { wx.stopBackgroundAudio() }, 4500);
                    } else {
                        setTimeout(() => { wx.stopBackgroundAudio() }, 2500)
                    }
                    _this.setData({
                        num: _this.data.num+1,
                    })
                }
            } else {
                _this.bindStop();
            }
        }, 1000);
    },
    bindStop: function() {
        this.setData({
            is_begin: false,
        });
        wx.stopBackgroundAudio();
    },
    getNowFormatDate: function() {
        var date = new Date();
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
            " " + date.getHours() + seperator2 + date.getMinutes() +
            seperator2 + date.getSeconds();
        currentdate = new Array(currentdate, date.getSeconds());
        return currentdate;
    },