本文实例讲述了微信小程序显示倒计时功能。具体如下:
wxml:
<view class="djs">
<text class="djs_title" >距结束</text>
<text class="time" space="nbsp">{
{djs.day}}</text>
<text class="time_text">天</text>
<text class="time" space="nbsp">{
{djs.hour}}</text>
<text class="time_text">时</text>
<text class="time" space="nbsp">{
{djs.min}}</text>
<text class="time_text">分</text>
<text class="time" space="nbsp">{
{djs.sec}}</text>
<text class="time_text">秒</text>
</view>
wxss:
.djs{
border-top:1rpx solid #F6F6F6;
background:#fff;
margin-top:20rpx;
padding:10rpx 30rpx;
box-sizing: border-box