微信小程序长时间计时方法

微信小程序长时间计时方法,第1张

在微信小程序中,可以利用 `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自动播放、制作一个完整的小程序一般周期多长等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/zz/10626301.html

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

发表评论

登录后才能评论

评论列表(0条)

保存