無限ループ（Html）1秒後にテキストを非表示にする（Html）

Question

こんにちは、このスクリプトを作成して1秒後にテキストを表示していますが、テキストを1秒間表示する必要があります。私はこの種のHTMLスクリプトをどのように作成できますか？ 、決して停止しない無限に6秒間隠されたままになりますか？

<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>