设计一个实现倒计时功能的小程序,小程序运行后,首先显示空白界面,过2秒后才显示计时界面,点击“开始计时”按钮后开始倒计时,点击“停止计时”按钮后停止计时。
实现效果:根据案例描述做出如下图效果,初始显示空白界面,2秒后显示计时界面(图1),数字为60,点击“开始计时”按钮后开始倒计时,点击“停止计时”按钮后停止计时(图2)。
indexwxml
<!--indexwxml-->
<view class="container">
<view wx:if="{{hidden}}">
<view class="title"> 计时器</view>
<view class="play"> {{num}}</view>
<view class="btn">
<button bindtap="start"> 开始计时</button>
<button bindtap="stop">停止计时</button>
</view>
</view>
</view>
indexjs
// indexjs
// 获取应用实例
var num = 60;//定义开始秒数
//定义一个布尔变量,用于停止计时器
var ynStop=false;
Page({
data: {
//用于显示计算器
hidden: false,
num: num
},
//渲染出计时器
onLoad() {
//function里直接用this会出错
var that =this
//延时显示函数
setTimeout(function(){
//设置隐藏属性为否
thatsetData({
hidden:true
})
}
//设置延时为2s
, 2000);
},
start: function () { //开始计时函数
//设置显示器值为当前值减一
thissetData({
num: num--
})
//调用timer函数
thistimer()
//后台打印num值
consolelog(num)
},
stop: function () { //停止函数
//将是否停止循环值定义为真
ynStop=true;
consolelog(ynStop)
},
timer: function () { //计时函数
if (num > 0&&ynStop==false) {
//隔一秒回调start函数,注意setTimeout里函数不要加括号,或者用function(){}
setTimeout(thisstart, 1000);
} else {
thissetData({
num: 0
})
}
}
如何提交每日打卡作业
简单说就是3步走,如下:
第一步:进入「笑来训练营」小程序,进入需要打卡的课程
第二步:点击「我要打卡」按钮,进入提交界面,上传和视频,在输入框中可以输入文字。
第三步:点击提交按钮提交作业内容
好像,所有的事情都是3步就可以完成,毕竟,把大象装进冰箱也是三步,对吧。
打开冰箱门,大象放里面,关上冰箱门。看吧,多简单。
如果我就只说上面的三步,可能不会的朋友还是不会,会的朋友却会觉得这么简单个事情,你居然写这么多字来说明,吃饱了撑的?
为了防止不会的朋友还是不会,我具体说明一下到底要怎么提交每日打卡作业。
进入「笑来训练营」小程序有很多方式,最常用的是通过下拉进入最近使用。
不过这个需要你你最近使用过这个小程序,通过手指在微信首页聊天对话列表页面,也就是微信刚打开的界面下方的四个图标按钮中的第一个"微信"那个按钮显示为绿色,这个是软件上方标题栏显示"微信"两个字。「下拉」打开打卡"最近"抽屉,可以看到最近使用的小程序。所谓"下拉"就是在手指在屏幕上轻轻按下,不要松开,然后向下移动手指。
需要注意的是,下拉打开"最近"抽屉的时候,需要在对话列表的顶部,你可以手动滑动到顶部,也可以连续触摸两次(有点像双击)下方绿色微信图标按钮(就是微信)快速到列表顶部。也可以连续触摸两次标题栏的「微信」两个字,也可以快跳转到转到列表顶部。
打开最近抽屉,你最近用过的小程序会展示出来,找到「笑来训练营」,抽屉只展示8个最近使用的小程序,可以点击右上角的「更多」按钮(比较小的文字按钮,在搜索条的右下方),可以看到更多的最近使用的小程序,网格状排列,一排4个列出了所有你最近使用的小程序。
你可以上拉滑动查看很久以前你用过的小程序,可能有很多,你会遇到三个点左右来回移动的动画,那是在读取更多你最近用过的小程序,耐心等待就可以继续滑动查看了。
如果通过以上步骤,你还没有找到,那么很可能你最近没有用过这个小程序。
进入到小程序后,点击底部的「课程列表」图标,从""我参加的"列表中找到「笑来写作训练营306班」点击进入。
这里以「笑来写作训练营 306班」为例,如果你需要在其他课程中打卡,就找到对应的课程,并点击进入。
如果没有找到那么说明你还有加入「笑来写作训练营」的打卡小程序,找联系你的组长,请他邀请你先加入到打卡小程序中。
进入到课程中后,可以看到在最顶部有课程名称「笑来写作训练营306班」,下面是日历,有白色对勾的表示当天打卡成功。白色背景,绿色字的就是就是你当前查看的日期,进来后程序会帮助定位到当天的日子。
接下来的放可以看到本次打卡的主题,主题下方你会看到绿色背景,白色文字挺大的「我要打卡」绿色按钮。点击进入「提交」界面。
点击「我要打卡」按钮后会d出一个授权页面,点击“允许”按钮就可以了。
提交页面就是完成作业,挥洒才华的地方了。
有一个挺大的输入框,是灰色背景,上面有几个字「请输入内容」,点一下之后就有软键盘d出,可以输入文字。
也可以在这手指长按,出现粘贴按钮,你可以把你从其他地方复制的文字粘贴在这里。
如果文字不足以表达你的才华,下面还有语言、视频、、微信文件,四个按钮。可以用来直接录制音频文件
点击「语言」图标,后可以录制录音,当然你也可以高歌一曲。
首次点击会d出授权页面,点击允许就可以了。
点击允许后你开会看到一个录音的蓝色图标,点击图标后开始录音,同时图标变成了一个圆形圈圈里面一个白色正方形的“停止”按钮,下面显示了计时器,是当前录音的时长。
录音完成点击“停止”按钮,完成录音。
完成录音后可以看到输入框的方面显示了附近栏,里面出现了你刚刚录制的声音,一个带播放按钮的蓝色气泡,点击可以播放试听,再次点击暂停播放。
气泡的最右边是删除按钮,可以点击删除录制的语言,这里要注意点击删除按钮就直接删除了,没确认对话框,所以要慎重点击。如果不小心误点,就只能重新录制了。如果是美妙歌声,就要重新唱一遍了。
可以录制多条语言。
视频和比较类似放在一起说明。点击后会出现一个对话框,可以直接拍摄、从手机相册选择、从微信聊天文件中选择。
点击后选择自己需要的视频或者。如果是视频则会出现压缩视频的过程需要耐心等待一下。
其实也有压缩上次的等待,只是相对来说需要等待的时间短一些。
上传成功后,可以在附件栏看到上传的和视频,可以点击再次浏览、观看,也可以点击缩略图右上角的叉叉图标删除视频。
和录音一样,删除是没有提示框二次确认的,直接就删除了。
不过要说明的是视频和的删除,删除了小程序里的现在,原始的和视频还在你的手机里或者微信聊天记录里。
需要特别说明的是,拍照与录视频和录音不同,拍照和录视频选择到附件栏中的和视频,如果点击删除,在手机相册里面是还可以找到的,不用重新拍摄或者录制。
如果需要上传pdf,word,excel,ppt,mp3等文件。可以把这些文件发送到微信聊天记录中,然后通过微信文件来找到,并上传。
需要注意的是,音频mp3文件是有数量限制的一次只能上次一个。文档(pdf,word,excel,ppt)也是只可以上次一个文档的。
文字、、语音、视频、文档这些丰富的元素展示你的才华之后。
我要特别提醒你,软件只能提交一个文档哦。
你只需要点下蓝色背景,白色字的长长的「提交」按钮。
会有一个提交后不可编辑的提示框,确认无误点,点击确认按钮就可以完成作业打卡了。
方法/步骤
打开微信小程序开发工具,创建一个微信小程序项目,使用小程序模板
在项目中找到一个页面并打开文件,添加一个view和label,绑定三个变量h、m和s
打开跟页面文件同名的JavaScript文件,然后添加Page对象
在data对象中,定义三个变量h、m和s,并对变量进行初始化
定义一个方法queryTime,分别定义三个变量hou、min和sec,调用setInterval定时器方法
接着在onLoad函数中,调用方法queryTime,使用thisqueryTime()
保存代码并对项目进行编译,查看左侧模拟器上的计时器效果
以上就是关于小程序时间倒序怎么设置全部的内容,包括:小程序时间倒序怎么设置、【教程】如何用鲸打卡提交作业、微信公众号文章结尾,加上计时器怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)