小程序时间倒序怎么设置

小程序时间倒序怎么设置,第1张

设计一个实现倒计时功能的小程序,小程序运行后,首先显示空白界面,过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()

保存代码并对项目进行编译,查看左侧模拟器上的计时器效果

以上就是关于小程序时间倒序怎么设置全部的内容,包括:小程序时间倒序怎么设置、【教程】如何用鲸打卡提交作业、微信公众号文章结尾,加上计时器怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9351087.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存