uniapp 倒计时功能

最新推荐文章于 2024-06-17 22:05:08 发布

mQsw

最新推荐文章于 2024-06-17 22:05:08 发布

阅读量1.1k

点赞数

文章标签： javascript 开发语言 vscode

本文链接：https://blog.csdn.net/m0_64738076/article/details/125142689

版权

本文介绍如何在uniapp中实现倒计时功能，详细讲解了使用JavaScript编写倒计时的方法，包括设置时间间隔、更新UI等关键步骤，同时提到了在vscode开发环境中进行调试的技巧。

摘要由CSDN通过智能技术生成

	<view class="flex-center">
			<text v-if="i.showTip.startsWith('敬请期待')">{
  {i.showTip}}</text>	
			<text v-if="i.showTip.startsWith('即将开售')" style="color: #fff;"> 即将开售         
            {
  {i.showtime}}</text>
	</view>

	// 初始化时间
			formatTime(prellTime) {
				let date = new Date().getTime();
				let lefttime = prellTime - date,
					lefth = Math.floor(lefttime / (1000 * 60 * 60)), //计算小时数
					leftm = Math.floor(lefttime / (1000 * 60) % 60), //计算分钟数
					lefts = Math.floor(lefttime / 1000 % 60); //计算秒数
				//返回倒计时的字符串
				return lefttime >= 0 ? lefth + ":" + leftm + ":" + lefts : null;
			},
			showTime() {
				this.timer = setInterval(() => {
					this.list.forEach(i => {
						// startsWith()方法用来判断当前字符串是否是以