如何在EventLister JavaScript中设置延迟功能？

问题描述

我现在有“嘿”和“再见”这两个词闪烁，但我希望它们彼此独立地闪烁，现在它们同时闪烁了

如何为第二个添加延迟？

window.addEventListener("load",function() {
    var f = document.getElementById('hey');
    setInterval(function() {
        f.style.display = (f.style.display == 'none' ? '' : 'none');
    },1000);

},false);

window.addEventListener("load",function() {
    var b = document.getElementById('bye');
    setInterval(function() {
        b.style.display = (b.style.display == 'none' ? '' : 'none');
    },1000,);

},false);

解决方法

将setIntervals中的一个放置在半毫秒的setTimeout内。

window.addEventListener("load",function() {
    var b = document.getElementById('bye');
    setTimeout(function() {
        setInterval(function() {
            b.style.display = (b.style.display == 'none' ? '' : 'none');
        },1000);
    },500);
},false);