Vue中设置倒计时


 

 

在Vue中,通过日期选择器选择时间(el-date-picker),然后创建与当前时间的倒计时,当选择的时间小于或等于当前时间时,倒计时内容为0,倒计时函数被清除。

HTML:

(1)日期选择器部分,与formData.dead_line数据绑定

(2)提交按钮,与倒计时函数绑定,一旦提交,就开始执行倒计时

(3)倒计时显示区域,与formData.countdownTime进行数据绑定

JS:

(1)data部分

(2)methods部分,通过截止时间与当前时间的时间差,来操作倒计时的内容

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM