:-?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> .widget{
display: none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var p = $(".widget"), len = p.length, indx = 0;
void function go() {
var tm = (Math.random() * 5 + 5) * 1000|0;
p.eq(indx).delay(tm).fadeIn("slow", function() {
indx = ++indx % len;
$(this).delay(2000).fadeOut("slow", go);
});
}();
});
</script>
</head>
<body>
<div class="widget">01</div>
<div class="widget">02</div>
<div class="widget">03</div>
<div class="widget">04</div>
<div class="widget">05</div>
<div class="widget">06</div>
<div class="widget">07</div>
<div class="widget">08</div>
<div class="widget">09</div>
<div class="widget">10</div>
<div class="widget">11</div>
<div class="widget">12</div>
</body>
</html>
|
Убрал лишний вызов "go" после того, как элемент будет скрыт.
|
рони, ну да, можно и так.
|
А, не, все норм. Это я там чет накосячил, вставил не правильно. Все хорошо работает. Nexus, спасибо)
|
| Часовой пояс GMT +3, время: 03:23. |