在无限循环中隐藏和取消隐藏文字6秒后（Html） [英] Hide and unhide a text after 6 seconds in a infinite loop (Html)

问题描述

您好，我已经创建了这个脚本来在6秒后隐藏文本，但是我希望文本必须每6秒再次出现并消失回无限，我可以如何创建这种HTML脚本？

b
$ b

< h1 style =text-align：left; id =xhide> Hello World< / h1>< script type =text / javascript> function hide（id）{d = document.getElementById（id）d.setAttribute（'style'，'display： none;'）} setTimeout（function（）{hide（'xhide'）}，6000）;< / script>

解决方案

您可以按照您的需要尝试更新的代码： div class =snippetdata-lang =jsdata-hide =falsedata-console =truedata-babel =false>

 < 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;}}，6000）;< / script>  

Hi i have created this script to hide a text after 6 seconds, But I want that the text must reappear and disappear again back to the infinite every 6 seconds how I can create this kind of HTML script?

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

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

解决方案

You can try updated code as per your need:

<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;
    }
}, 6000);
</script>

这篇关于在无限循环中隐藏和取消隐藏文字6秒后（Html）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！