小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在开发工具中是可以显示倒计时的
在预览和审核成功后的发布的小程序里面是不显示的
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
count-down 在苹果机内不显示,请问楼主解决了吗,我已经把时间戳转化为通用的方法了,如下所示
var lastStamp = Number(this.last_time)*1000
let arr = this.date.split(/[-: ]/)
let nndate = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5])
nndate = Date.parse(nndate) + lastStamp
this.endTime = this.utils.formatStamp(nndate)
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
let goodsList = [
{ actEndTime:
'2019-05-01 10:00:43'
},
'2018-09-01 11:00:00'
'2018-06-01 12:45:56'
'2018-07-01 15:00:23'
'2019-11-23 17:00:22'
'2019-01-14 19:00:44'
'2019-01-21 21:00:34'
'2018-11-17 09:00:37'
'2018-12-21 05:00:59'
'2018-9-19 07:00:48'
'2018-10-28 03:00:11'
}
]
Page({
data: {
countDownList: [],
actEndTimeList: []
onLoad() {
let endTimeList = [];
// 将活动的结束时间参数提成一个单独的数组,方便操作
goodsList.forEach(o => { endTimeList.push(o.actEndTime) })
this
.setData({ actEndTimeList: endTimeList });
// 执行倒计时函数
.countDown();
timeFormat(param) {
//小于10的格式化函数
return
param < 10 ?
'0'
+ param : param;
countDown() {
//倒计时函数
// 获取当前时间,同时得到活动结束时间数组
let newTime =
new
Date().getTime();
let endTimeList =
.data.actEndTimeList;
let countDownArr = [];
// 对结束时间进行处理渲染到页面
endTimeList.forEach(o => {
let endTime =
Date(o).getTime();
let obj =
null
;
// 如果活动未结束,对时间进行处理
if
(endTime - newTime > 0) {
let time = (endTime - newTime) / 1000;
// 获取天、时、分、秒
let day = parseInt(time / (60 * 60 * 24));
let hou = parseInt(time % (60 * 60 * 24) / 3600);
let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
obj = {
day:
.timeFormat(day),
hou:
.timeFormat(hou),
min:
.timeFormat(min),
sec:
.timeFormat(sec)
else
{
//活动已结束,全部设置为'00'
'00'
,
countDownArr.push(obj);
})
// 渲染,然后每隔一秒执行一次倒计时函数
.setData({ countDownList: countDownArr })
setTimeout(
.countDown, 1000);
<
view
class
=
'tui-countdown-content'
wx:for
"{{countDownList}}"
wx:key
"countDownList"
>
剩余
text
'tui-conutdown-box'
>{{item.day}}</
>天
>{{item.hou}}</
>时
>{{item.min}}</
>分
'tui-conutdown-box tui-countdown-bg'
>{{item.sec}}</
>秒
</
page{
background-color
:
#eee
;}
.tui-countdown-content{
height
50px
line-height
text-align
center
#fff
margin-top
15px
padding
0
font-size
18px
.tui-conutdown-box{
display
: inline-
block
26px
width
#000
color
margin
5px
.tui-countdown-bg{
#DF0101
在安卓手机和开发工具上 这个批量的倒计时都是正常的,在苹果手机上 预览和上线版的小程序不现实,但手机调试,控制台会打印出来倒计时是执行的,开发工具远程调试的话,是正常显示的。
麻烦给个相关的代码片段(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html),以及小程序的appid。我们定位下问题
请看下面的的回答 解决一下问题
wechatide://minicode/e73WA2mM7N2u
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
count-down 在苹果机内不显示,请问楼主解决了吗,我已经把时间戳转化为通用的方法了,如下所示
var lastStamp = Number(this.last_time)*1000
let arr = this.date.split(/[-: ]/)
let nndate = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5])
nndate = Date.parse(nndate) + lastStamp
this.endTime = this.utils.formatStamp(nndate)
let goodsList = [
{ actEndTime:
'2019-05-01 10:00:43'
},
{ actEndTime:
'2018-09-01 11:00:00'
},
{ actEndTime:
'2018-06-01 12:45:56'
},
{ actEndTime:
'2018-07-01 15:00:23'
},
{ actEndTime:
'2019-11-23 17:00:22'
},
{ actEndTime:
'2019-01-14 19:00:44'
},
{ actEndTime:
'2019-01-21 21:00:34'
},
{ actEndTime:
'2018-11-17 09:00:37'
},
{ actEndTime:
'2018-12-21 05:00:59'
},
{ actEndTime:
'2018-9-19 07:00:48'
},
{ actEndTime:
'2018-10-28 03:00:11'
}
]
Page({
data: {
countDownList: [],
actEndTimeList: []
},
onLoad() {
let endTimeList = [];
// 将活动的结束时间参数提成一个单独的数组,方便操作
goodsList.forEach(o => { endTimeList.push(o.actEndTime) })
this
.setData({ actEndTimeList: endTimeList });
// 执行倒计时函数
this
.countDown();
},
timeFormat(param) {
//小于10的格式化函数
return
param < 10 ?
'0'
+ param : param;
},
countDown() {
//倒计时函数
// 获取当前时间,同时得到活动结束时间数组
let newTime =
new
Date().getTime();
let endTimeList =
this
.data.actEndTimeList;
let countDownArr = [];
// 对结束时间进行处理渲染到页面
endTimeList.forEach(o => {
let endTime =
new
Date(o).getTime();
let obj =
null
;
// 如果活动未结束,对时间进行处理
if
(endTime - newTime > 0) {
let time = (endTime - newTime) / 1000;
// 获取天、时、分、秒
let day = parseInt(time / (60 * 60 * 24));
let hou = parseInt(time % (60 * 60 * 24) / 3600);
let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
obj = {
day:
this
.timeFormat(day),
hou:
this
.timeFormat(hou),
min:
this
.timeFormat(min),
sec:
this
.timeFormat(sec)
}
}
else
{
//活动已结束,全部设置为'00'
obj = {
day:
'00'
,
hou:
'00'
,
min:
'00'
,
sec:
'00'
}
}
countDownArr.push(obj);
})
// 渲染,然后每隔一秒执行一次倒计时函数
this
.setData({ countDownList: countDownArr })
setTimeout(
this
.countDown, 1000);
}
})
<
view
class
=
'tui-countdown-content'
wx:for
=
"{{countDownList}}"
wx:key
=
"countDownList"
>
剩余
<
text
class
=
'tui-conutdown-box'
>{{item.day}}</
text
>天
<
text
class
=
'tui-conutdown-box'
>{{item.hou}}</
text
>时
<
text
class
=
'tui-conutdown-box'
>{{item.min}}</
text
>分
<
text
class
=
'tui-conutdown-box tui-countdown-bg'
>{{item.sec}}</
text
>秒
</
view
>
page{
background-color
:
#eee
;}
.tui-countdown-content{
height
:
50px
;
line-height
:
50px
;
text-align
:
center
;
background-color
:
#fff
;
margin-top
:
15px
;
padding
:
0
15px
;
font-size
:
18px
;
}
.tui-conutdown-box{
display
: inline-
block
;
height
:
26px
;
width
:
26px
;
line-height
:
26px
;
text-align
:
center
;
background-color
:
#000
;
color
:
#fff
;
margin
:
0
5px
;
}
.tui-countdown-bg{
background-color
:
#DF0101
;
}
在安卓手机和开发工具上 这个批量的倒计时都是正常的,在苹果手机上 预览和上线版的小程序不现实,但手机调试,控制台会打印出来倒计时是执行的,开发工具远程调试的话,是正常显示的。
麻烦给个相关的代码片段(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html),以及小程序的appid。我们定位下问题
请看下面的的回答 解决一下问题
wechatide://minicode/e73WA2mM7N2u