如何实现先显示,再隐藏,隐藏之后马上会显示,循环起来~
如何实现先显示,再隐藏,隐藏之后马上会显示,循环起来~
如何实现先显示,再隐藏,隐藏之后马上会显示,循环起来~
2016-04-05
<!DOCTYPE html>
<html>
<head>
<title>循环显示隐藏</title>
<script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<style type="text/css">
#divtest{
width: 282px;
height: 100px;
background-color: blue;
}
</style>
<body>
<div id="divtest">
</div>
<script type="text/javascript">
$(function () {
setTimeout(isShow, 1000);
function isShow() {
if ($("#divtest").is(":hidden")) {
$("#divtest").show();
} else {
$("#divtest").hide();
}
setTimeout(isShow, 1000);
}
});
</script>
</body>
</html>
举报