...">
美文网首页
基于小程序wepy的促销倒计时时间+++

基于小程序wepy的促销倒计时时间+++

作者: LJun_8251 | 来源:发表于2018-10-31 14:38 被阅读0次

    <style lang="less">

    </style>

    <template>

      <view class="container">

        <text class="day">{{day}}天{{h}}小时{{m}}分{{s}}秒</text>

      </view>

    </template>

    <script>

      import wepy from 'wepy'

      export default class me extends wepy.page {

        config = {

          navigationBarTitleText: 'me'

        }

        onLoad() {

          console.log('onLoad')

        }

        onReady() {

          let getTime = () => {

            let stopDate = +new Date('2018-10-24')// 获取截至时间戳(.getTime()==+)

            let nowDate = +new Date()// 获取当前时间戳

            let dTime = nowDate - stopDate// 计算时间差

            let s = dTime / 1000// 计算秒

            let m = s / 60// 计算分钟

            let h = m / 60// 计算小时

            let day = h / 24// 计算天

            this.setData({

              day: parseInt(day),

              h: parseInt(h % 24),

              m: parseInt(m % 60),

              s: parseInt(s % 60)

            })

          }

          getTime()

          setInterval(() => {

            getTime()

          }, 1000)

        }

      }

    </script>

    相关文章

      网友评论

          本文标题:基于小程序wepy的促销倒计时时间+++

          本文链接:https://www.haomeiwen.com/subject/fcnazftx.html