angularjs实现倒计时30秒

最新推荐文章于 2024-05-10 09:42:35 发布

Alieen Yin

最新推荐文章于 2024-05-10 09:42:35 发布

阅读量813

点赞数

分类专栏： angularjs

angularjs 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于AngularJS的30秒倒计时功能实现方案，通过HTML和AngularJS代码展示了如何让用户在阅读承诺书后必须等待30秒才能点击同意按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

30秒时间阅读承诺书，才能点击同意签订承诺书的按钮

问题解决：

html

 <span class="col-sm-2" style="color:red" ng-bind="promiseScanCtrl.paracont"></span>

angularjs:

在init()函数里面调用countDown()

function countDown(){
            vm.paracont = "你至少还要阅读30秒";
            var second = 30,
                timePromise = undefined;

            timePromise = $interval(function() {
                if (second < 0) {
                    $interval.cancel(timePromise);
                    timePromise = undefined;
                    vm.isPromisebie = false;
                } else {
                    vm.paracont = "你至少还要阅读"+ second + "秒";
                    second--;

                }
            },1000,100);
        }