微信小程序之15分钟倒计时(附带天数和时钟的实现方法在文章中)

这是制作的订单支付前倒计时,如果客户在规定时间内没能 支付,则系统自动删除,这样就以便有些商品冗余,当然了,这里只有分钟和秒钟,天数和时钟我写在了最底下,最后代码的显示第七行,可以看一下,然后带入到相应的地方。

这是实现的效果,每秒钟都在onload()里面被调用,然后自动动态倒计时。
在这里插入图片描述

其实难度不是很大,有一些代码防止你们看不懂,我会在下面注解出来的。

首先还是wxml


          倒计时:{
  {countdown}}
        

其次是wxss

.demo-text2 {
  font-size: 28rpx;
  color: #ff7ba8;
}

我就加了一个颜色,哈哈哈哈~,你们可以根据自己的意思加字和东西,很好加的。

最后就是最重要的js里,注释我会写在最下面的。

Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this
    that.countDown();
  },

  //倒计时
  countDown() {
    var that = thi

你可能感兴趣的:(微信小程序,动态倒计时)