无限循环 (Html) 1 秒后隐藏和取消隐藏文本 (Html)

Question

您好，我创建了这个脚本来在 1 秒后隐藏和显示文本，但我希望文本必须显示一秒钟，并且必须保持隐藏 6 秒，直到无穷无尽，如何创建这种 HTML 脚本？

<h1 style="text-align: left;" id="xhide">Hello World</h1>

<script type="text/javascript">
var flag=true;
function hide(id) {
    d= document.getElementById(id);
    d.setAttribute('style','display:none;');
}

function show(id) {
    d= document.getElementById(id)
    d.setAttribute('style','display:block;')
}
  
setInterval(function() {
    if(flag) {
        show('xhide');
        flag=false;
    } else {
       hide('xhide');
       flag=true;
    }
}, 1000);
</script>

Answer 1

你应该实现计数而不是像下面这样的简单标志

<h1 style="text-align: left;" id="xhide">Hello World</h1>

<script type="text/javascript">
var flag=0;
function hide(id) {
    d= document.getElementById(id);
    d.setAttribute('style','display:none;');
}

function show(id) {
    d= document.getElementById(id)
    d.setAttribute('style','display:block;')
}

setInterval(function() {
    if(flag==6) {
        show('xhide');
        flag = 0 ;
    } else {
       hide('xhide');
       flag++;
    }
}, 1000);
</script>

无限循环 (Html) 1 秒后隐藏和取消隐藏文本 (Html)

Infinite loop (Html) Hide and unhide a text after 1 seconds (Html)

html

time

hide