首页 > Javascript > js原生实现页面倒计时功能
2019
06-14

js原生实现页面倒计时功能

1.jpg

实现思路:

使用setInterval来周期执行一个函数,这个函数用来进行倒计时计算。如果倒计时到0的话则停止计时。

1.html代码

<span id="count"></span>

2.js代码

var countNum = 60;
var timer;
var onTime = function() {
    if (countNum > 0) {
        countNum -= 1;
        $("#count").text(countNum);
    } else {
        clearInterval(timer); //停止计时
        //倒计时结束执行的代码
    }

};
//每隔一秒执行一次方法
timer = window.setInterval(onTime, 1000);


作者:admin
admin
TTF的家园-www.ttfde.top 个人博客以便写写东西,欢迎喜欢互联网的朋友一起交流!

本文》有 0 条评论

留下一个回复