Скрыть и показать текст через 6 и 1 секунду (Html) Бесконечный цикл

Question

Привет, я создал этот скрипт, чтобы показать текст в течение 1 секунды и скрыть текст в течение 6 секунд, но теперь я бы сделал наоборот, что бы я хотел теперь нужно скрыть текст в течение первых 6 секунд, а затем только 1 секунду отображаемого текста и так далее до бесконечности, которая никогда не останавливается, как я могу создать этот тип html-скрипта?

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

Answer 1

вы можете использовать SetTimeout вызов другой SetTimeout, что бы сделать бесконечный цикл:

function startWithHide(id) { 
    hide(id); 
    setTimeout(function() { startWithShow(id); }, 6000); 
} 

function startWithShow(id) { 
    show(id); 
    setTimeou(function() { startWithHide(id); }, 1000); 
}