zoukankan      html  css  js  c++  java
  • vue项目限时秒杀倒计时

    1,安装

    npm install vue2-countdown --save    

    2,调用注册 xxxx.vue中

    import CountDown from 'vue2-countdown'
    
    components: {
     CountDown
    },


    3,在template中写上html部分
    <count-down v-on:start_callback="countDownS_cb(1)"
    v-on:end_callback="countDownE_cb(1)"
    :currentTime= "new Date().getTime()" //这是获取本地时间的,建议如果要获取精准时间,最好是服务器时间
    :startTime="startTime"
    :endTime="endTime"
    >
    </count-down>
     
    4,script中逻辑部分
     
    data() {
    return {
    startTime: new Date('2018/10/30 14:00:00').getTime(), //剩余开始时间
    endTime: new Date('2018/10/30 17:50:00').getTime() //剩余结束时间
    }
    },
    methods: {
    countDownS_cb(value) {
    console.log('callBack--'+value+'--开始倒计时结束回调');
    },
    countDownE_cb(value) {
    console.log('callBack--'+value+'--活动剩余倒计时结束回调');
    if(this.endTime <= 0) return
    }
    }





  • 相关阅读:
    Struts2框架(二)
    Struts2框架(一)
    jsp定义全局的错误处理
    BeanUtils的使用、Java中的路径问题
    IntelliJ IDEA 14.1.4(Window)快捷键
    Log4J日志组件
    注解
    反射
    泛型
    AndroidStudio开发工具快捷键(转)
  • 原文地址:https://www.cnblogs.com/freyfeng/p/9877545.html
Copyright © 2011-2022 走看看