jquery定时显示隐藏

Question

现在需要实现一个信息提示功能，需要循环定时隐藏和显示，下面是我模拟写的方式：

var cc = setInterval(function(){
    var as = setTimeout('$("p").show("slow")',500);
    var c=setTimeout('$("p").hide("slow")',6000);
},10000);

还请大神指正，这样写对性能上影响大吗，有其他更好的方式么？

Answer 1

因为你的两个时间不一样。所以就这样写吧，

var timeTag = null;
function showTag(){
    $("p").show();
    timeTag = setTimeout('hideTag()',1500);
}
function hideTag(){
    $("p").hide();
    timeTag = setTimeout('showTag()',3000);
}
showTag();

Answer 2

不需要这么多定时器，只用一个就可以

var $p = $('p');
setInterval(function() {
  var isShow = $p.is(':visible');
  $p[isShow ? 'hide' : 'show']('slow');
}, 10000);

https://jsfiddle.net/ycloud/5...

Answer 3

要说性能的话，用settimeout会比setinterval要好吧，大概是这样写咯：
https://jsfiddle.net/wgz7gn2r/1/