jQuery 怎么实现文字显示2s,消失0.5s,再显示2s,再消失0.5s,以此循环

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 怎么实现文字显示2s,消失0.5s,再显示2s,再消失0.5s,以此循环相关的知识,希望对你有一定的参考价值。

<div style="display: none;" id=‘divTestDisplay‘>我要显示的文字</div>  
   
   window.onload = function () {
           setTimeout(show, 500);
        }
       //显示
        function show() {
            document.getElementById(‘divTestDisplay‘).style.display = "block";
            setTimeout(hide, 500);
        }
     //隐藏
        function hide() {
            document.getElementById(‘divTestDisplay‘).style.display = "none";
            setTimeout(show, 2000);
        }

 

以上是关于jQuery 怎么实现文字显示2s,消失0.5s,再显示2s,再消失0.5s,以此循环的主要内容,如果未能解决你的问题,请参考以下文章

android 怎么点击图片显示文字说明,再点击消失了

用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助

用CSS或js如何实现字体渐渐消失

js与jQuery

js与jQuery

html如何实现鼠标悬停显示文字,鼠标移走文字消失。