Vue - 倒计时组件编写

编写通用倒计时组件

显示效果如下

Vue - 倒计时组件编写_第1张图片

代码编写,父组件引入倒计时组件countDown,传入endDate

            
距离抢购结束还有 :

倒计时组件代码

接收父组件传进来的活动结束时间

发请求获取服务器时间并计算出服务器时间与用户系统时间的时间差timeSet

后续当前时间采用用户系统时间+时间差

调用countDown方法,活动结束时间与当前时间计算出时分秒,通过setTimeout实现倒计时效果

 





 

你可能感兴趣的:(Vue)