Intereting Posts
Первое выпадающее меню для автоматического изменения параметров второго выпадающего меню Преобразование HTML + CSS в PDF с помощью PHP? Какой язык программирования я могу использовать для включения этого в мой сайт? Удаленный html iOS WebView с локальными файлами изображений Данные таблицы не отображаются с помощью Pagination PHP Замените Div другим Div Выпадающее окно Bootstrap не работает Как сделать псевдокасс: наведите указатель на родительский элемент? Как сделать навигационные кнопки мобильными – реагировать и сворачиваться в порядке? Можно ли удалить отдельные значения из файла, входящего в несколько элементов? Бутстрап вложенные символы аккордеона – удивительные иконки valign не работает на td? Должен ли я устанавливать размер шрифта по умолчанию в элементе body или html? Как взаимодействовать между кадрами? Загрузочное меню Bootstrap 3 не закрывается

случайным образом отображает class div, используя JQuery

Я хочу случайным образом отобразить div-class с помощью JQuery. Код выглядит примерно так:

One
Two
Three
Four

Поэтому, если случайный метод (случайный результат находится в пределах от 1 до 4) дает 3 в результате, он показывает:

 
Three

Остальные скрыты. Конечно, код можно изменить, чтобы он работал. Благодарю.

Сначала мы получаем случайный int, от нуля до количества элементов (минус 1). Затем мы спрячем все остальные элементы и покажем только случайный выбор.

 var random = Math.floor(Math.random() * jQuery('.item').length); jQuery('.item').hide().eq(random).show(); 

демонстрация

 var number = Math.floor(Math.random()*3) var div = $(".item")[number]; div.show(); 

Что-то вроде того :

 $('.item').hide().eq(Math.floor(Math.random()*4)).show() 

Скрипт: http://jsfiddle.net/PPXmE/

Рабочий пример: jsFiddle

JS

 window.onload=function() { var E = document.getElementsByClassName("item"); var m = E.length; var n = parseInt(Math.random()*m); for (var i=m-1;i>=0;i--) { var e = E[i]; e.style.display='none'; } E[n].style.display=''; } 

js.minified

 window.onload=function(){var E=document.getElementsByClassName("item");var m=E.length;var n=parseInt(Math.random()*m);for(var i=m-1;i>=0;i--){var e=E[i];e.style.display='none';}E[n].style.display='';} 

HTML

 
One
Two
Three
Four
Five
Six

Используйте функцию setInterval.

Рабочий пример: http://jsfiddle.net/a0c0ntjc/

 setInterval(function(){ var E=document.getElementsByClassName("item"); var m=E.length; var n=parseInt(Math.random()*m);for(var i=m-1;i>=0;i--){ var e=E[i];e.style.display='none'; } E[n].style.display=''; },3000);