第四章疯狂点击微信app云开发和糖果流行页面创建
浏览：808 次
疯狂的点击弹出方法页面制作
疯狂点击为用户提供了60秒的按钮点击时间，点击过程中有背景音乐。系统根据用户单击按钮的时间计算热值。
<按钮悬停开始时间='100'悬停停留时间='1'bindtap='dianji'><；image src=“/images/button1.png”><；/图像><；/按钮>
背景音乐使用：通过BackgroundAudioManager后台音频管理器播放背景音乐
在云开发控制台存储中创建背景音乐文件夹bg，上传mp3格式的背景音频文件，复制文件ID，
将音频标题、专辑名称epname和音频数据源src设置为经理背景AudioManager。设置src后，音频自动开始播放。这里，我们直接将云存储中音频文件的文件ID分配给src，以直接播放云音频文件。
const backgroundAudioManager=wx.getBackgroundAudioManager（）
第页({
数据：{
编号：0，
Btext:'开始'，
禁用：false，
dok：错误
},
//如果页面在卸载时执行
onUnload:函数（）{
backgroundAudioManager.stop（）；
},
//开始计数
开始：函数（）{
//如果按钮为“开始”，则开始操作；否则，跳到页面
如果（this.data.btext==“开始”）{
设ber=60
背景AudioManager。title='单击'
背景AudioManager。epname='单击'
背景AudioManager。src='cloud://dbx-s55q1.6462-dbx-s55q1/bg/dianjif.mp3 '
//启动该技术后，让单击更改为true以记录值
this.set数据({
btext：错误，
禁用：true，
道克：真的
})
//设置计时器以减少秒数。减少后，不再单击。dok：错误
让dian=设置间隔（（）=>{
错误率--
如果（ber==-1）{
backgroundAudioManager.stop（）；
this.set数据({
Btext:'下一步'，
禁用：false，
dok：错误
})
清除间隔（dian）
}其他{
this.set数据({
btext：错误
})
}
}, 1000)
}其他{
//记录本地的点击次数
wx。setStorageSync（'wnum'，this.data.num）
wx.导航到({
url:'../selectdok/selectdok'
})
}
},
//单击。启动后将记录点击次数
dianji:函数（）{
设n=this.data.num
if（this.data.dok）{
n个++
this.set数据({
编号：n
})
}
},
onLoad:函数（）{
wx.set导航栏标题({
标题：“疯狂点击”
})
}
})
此时，我们会发现在播放背景音频时，控制台中报告了这样的错误
我们需要在app中添加以下语句。json，并通过requiredBackgroundModes声明在后台运行的能力。音频背景音乐播放
疯狂点击确认页面制作
selectdok.wxml
selectdok.js
var util=require（'../../utils/utils.js'）；
常量数据库=wx.cloud.database（）
const_=数据库命令；
第页({
数据：{
w温度：0
},
添加：函数（）{
wx.show加载({
标题：
