
在微信小程序中,可以利用 `setInterval()` 函数来实现长时间计时的功能。
具体步骤如下:
1 在需要计时的页面或组件中定义一个计时器变量,如 `timer`,并初始化为 0。
2 使用 `setInterval()` 函数,在一段时间间隔内执行一次指定的函数(比如每秒钟执行一次),并将返回值赋给计时器变量,如:
```
timer = setInterval(function() {
// 在这里编写计时器的逻辑
}, 1000); // 以毫秒为单位,表示每秒钟执行一次
```
3 在计时器函数中编写计时器的逻辑,如:
```
var second = 0; // 定义一个秒数变量
function timerFunction() {
second++; // 每秒钟秒数加一
consolelog("已经计时了 " + second + " 秒");
}
```
4 当需要停止计时器时,可以使用 `clearInterval()` 函数来清除计时器,如:
```
clearInterval(timer); // 停止计时器
```
完整示例代码:
```
var timer; // 计时器变量
Page({
data: {
second: 0 // 秒数
},
onLoad: function () {
thisstartTimer(); // 页面加载时启动计时器
},
startTimer: function () {
var that = this;
timer = setInterval(function() {
thatsetData({
second: thatdatasecond + 1 // 每秒钟秒数加一
});
consolelog("已经计时了 " + thatdatasecond + " 秒");
}, 1000); // 以毫秒为单位,表示每秒钟执行一次
},
stopTimer: function () {
clearInterval(timer); // 停止计时器
}
})
```
HTML:
注意这里的 muted ,如果不加的话,在普通的浏览器当中是不会自动播放的,但是存在缺陷,自动播放的话会默认静音。
在之前的项目里,我这里的界面是用web-view嵌套在微信小程序使用的,所以就将 muted 去掉了,然后通过微信的 WeixinJSBridgeReady 方法来唤起video的自动播放,可以实现有声播放。
JS:
制作一个完整的小程序一般需要多长时间,主要看你选择的开发方式和需求功能的难易程度。
开发方式主要有两种:
1、定制开发
定制开发是根据功能点进行开发的,要经历一个从无到有的过程,包括了项目启动-系统功能梳理-设计前端页面图-系统开发-测试-上线这五大步骤。如果是定制开发一个功能比较全面的餐饮小程序,一般需要好几个月的时间。
2、现有的成熟模板
模板小程序是技术开发公司已经完成开发的成品小程序,一般可以即买即交付源码。大的技术开发公司每个行业都有几套成熟的模板可供客户选择,也会免费协助客户对模板小程序进行功能微调。上线时间也相对比较短,一般微调+上线一周左右就可以完成。
我司为客户开发的餐饮小程序
至于企业是选择小程序定制开发还是购买模板小程序,都要根据企业自身的实际情况出发。可以多问一些专业技术开发公司的意见,专业的开发公司也乐于解答企业的疑虑。
小程序开发周期有长有短,三两天也可以做出来,三两个月的开发周期也有,主要还是看客户自身的需求,如果需求复杂且功能较多,那自然周期就长了。具体可这样细分:①模板化小程序,根据现有功能组件拖拽DIY搭建而成,掌客多小程序系统就有3分钟速成的,正常周期1到7天;②普通定制化小程序,这类大概需要7天到30天,定制的功能较简单;③高级个性化定制小程序,这类小程序定制完全按照用户的需求开发,而且可交付源码,但是开发费用和周期就需要45天到90天不等的时间,而这种主要针对客户自身特殊的行业属性和巨大客群而定,掌客多目前也可做高端化的小程序个性定制。
1默认显示封面;
2一个视频播放的时候,其他视频停止播放,并显示封面。
1通过wx:if判断当前视频是否是播放的状态,如果是就显示视频,如果不是就隐藏视频;
2点击封面的时候,获取到该视频的id,进行判断,如果当前没有视频播放,就把该视频设置为播放的状态;如果当前有视频播放,则停止当前播放的视频,再播放你点击的这个视频。
<view class="video_body">
<view wx:for="{{courseList}}" wx:for-item="course" class='course-pannle-item' wx:for-index="idx" wx:key="index">
<view class='video-item'>
<video class="video" wx:if='{{idx==playIndex}}' id='video{{idx}}' autoplay='{{true}}' show-center-play-btn="{{false}}" src='{{coursevideoUrl}}' controls="true" objectFit="cover"></video>
<image class='video-cover video' wx:if='{{idx!=playIndex}}' mode='widthFix' src='{{coursecoverUrl}}'></image>
<image class='video-play-btn' wx:if='{{idx!=playIndex}}' mode='widthFix' data-index='{{idx}}' bindtap='videoPlay' src='/images/home/btnpng'></image>
<!-- <text wx:if='{{idx!=playIndex}}' class='video-duration fs-28'>
{{courseduration}}
</text> -->
</view>
</view>
</view>
data: {
playIndex: null, //用于记录当前播放的视频的索引值
courseList: [
{
videoUrl: '>
官网: >
微信小程序设置游戏时间的方法如下:
1、打开微信的软件主页之后,我们需要从中搜索“成长守护平台”的关键词,然后点击进入到公众号的详情界面,从而进行管理设置。
2、接下来按照官方公众号的提示,点击超链接进入“超级家长”界面,这样就可以设置游戏时间了。
3、成功绑定孩子的微信账号之后,我们就可以从中设置微信小游戏的每日可玩时长、可玩时段、方案生效周期,非常方便快捷。
以上就是关于微信小程序长时间计时方法全部的内容,包括:微信小程序长时间计时方法、H5:设置video自动播放、制作一个完整的小程序一般周期多长等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)