计时器分秒倒计时

lyy2665624982

已于 2022-12-13 16:26:47 修改

阅读量189

点赞数

文章标签： servlet java javascript

于 2022-07-21 15:42:00 首次发布

本文链接：https://blog.csdn.net/m0_56276571/article/details/125913865

版权

这篇博客介绍了如何在HTML中实现分钟和秒数的倒计时功能。通过在data中定义minutes和seconds变量，并在onLoad函数中启动计时器，利用methods中的countDownTimer方法进行递减计数，直到分钟和秒数都为0，从而实现倒计时效果。

摘要由CSDN通过智能技术生成

html里面：

<text class="time">支付剩余时间 {{minutes<10 ? ('0' + minutes) : minutes }}：{{seconds<10 ? ('0' + seconds) : seconds }}</text>

data里面定义变量：

minutes: 10, //分钟
seconds: 0, //秒数

在加载函数里面调用：

onLoad() {
    this.countDownTimer()
    },

在方法methods里面封装方法：

   // 分秒倒计时
                countDownTimer() {
                    let _this=this
                    let time = setInterval(function() {
                        if (_this.seconds === 0 && _this.minutes !== 0) {
                            _this.seconds = 59
                            _this.minutes --
                        } else if (_this.minutes === 0 && _this.seconds === 0) {
                            _this.seconds = 0
                             _this.minutes=0
                            clearInterval(time)
                        }else {
                            _this.seconds --
                        }
                    }, 1000)
                },