衢州人才网官网（解决JavaScript中setinterval延迟一秒）

用户投稿 • 2021-09-14 00:10 星期二 • 阅读 112

衢州人才网官网：当使用setinterval时，发现它刚打开页面时会延迟一秒过后在执行。因为setinterval定时器先执行了自己的一秒钟，执行过后在对里面的内容进行操作，这样就会导致不能立即显示出来。

举个例子：先创建一个div盒子，然后写script代码：

var div = document.querySelector('div');
var num = 10;
setInterval(function() {
    if (num == 1) {
        div.innerHTML = null;
        return fn1;
    } else {
        num--;
        div.innerHTML = '还剩' + num + '秒';
    }
},
1000);

效果如图：

如何解决JavaScript中setinterval延迟一秒问题

它的会先执行那一秒钟，等一秒钟过了然后再执行里面显示的内容

解决办法：

直接调用

var div = document.querySelector('div');
var num = 11;
function fn1() {
    if (num == 1) {
        div.innerHTML = null;
        return fn1;
    } else {
        num--;
        div.innerHTML = '还剩' + num + '秒';
    }
}
setInterval(fn1, 1000);
fn1();

效果如下：

如何解决JavaScript中setinterval延迟一秒问题

本文《衢州人才网官网（解决JavaScript中setinterval延迟一秒）》由网赚联盟（ wangzhuan.org.cn ）整理或原创，感谢您的阅读。

随机文章

SEO小小课堂网
SEO教程
站长导航
搜素引擎算法
关键词排名优化
网站内容优化
GEO培训
SEO小小课堂网

百度搜索“网赚联盟”即可找到本站，微信搜索“小小课堂网”关注小小课堂网公众号。网赚联盟（ wangzhuan.org.cn ）欢迎用户投稿，发布者：用户投稿，文章版权归作者所有，投稿文章不代表网赚联盟立场，中二少年发布为网赚联盟原创文章，转载请注明出处：https://wangzhuan.org.cn/24868.html