Слияние кода завершено, страница обновится автоматически
Lottery.js
🎲 Простое приложение-лотерея на JavaScript.
Подготовьте данные следующим образом:
[
{
"avatar": "//example.com/avatar_1.jpg",
"name": "MeetMore",
"data": {
"title": "Front-End Developer",
"company": "Little Apple",
……
}
},
……
]
Импортируйте CSS/JS:
<!-- Zepto или jQuery -->
<script src="http://zeptojs.com/zepto.min.js"></script>
<link rel="stylesheet" href="./lottery.min.css" />
<script src="./lottery.compact.min.js"></script>
Вызовите функцию и готово к работе:
$.lottery({
api:"./api.json"
});
$.lottery({
el: ".lottery", // где мы помещаем dom, селектор jquery
timeout: 10, // время для автоматической остановки (секунды)
once: true, // победитель не может повторяться
title: "company", // заголовок будет отображаться в данных экрана победителя [ключ]
subtitle: "title", // субтитр будет отображаться в данных экрана победителя [ключ]
api: 'http://example.com/lottery.json', // URL API
data: {}, // напрямую использовать объект userdata (при использовании этого оставьте api пустым)
confetti: true, // показать эффекты конфетти
showbtn: true, // показать кнопку управления
speed: 400, // интервал времени до следующего кандидата, единица измерения — мс
number: 3 // сколько победителей будет получено за один раз
});
Параметр | Объяснение | По умолчанию | Необязательно |
---|---|---|---|
el | где мы размещаем dom | body | селектор jquery, например, «.lottery» |
timeout | время для автоматической остановки (секунды) | null | 10 (int, секунды) |
once | победитель не может повториться | false | true (включить) |
title | заголовок будет отображаться на экране победителя | user['name'] | user['data'][ключ] (ключевое содержимое в полях данных) |
subtitle | субтитр будет отображаться на экране победителя | user['company'] | user['data'][ключ] (ключевое содержание в полях данных) |
api | URL JSON API | null | URL |
data | напрямую использовать объект userdata (при использовании этого параметра оставьте api пустым) | null | Object |
confetti | показать эффекты конфетти (если отключить, confetti.js не требуется) | true | false |
showbtn | показать кнопку управления | true | false |
speed | интервал времени до следующего кандидата, единица измерения — мс | 350 | false |
number | сколько победителей будет получено за один раз | 1 | int |
$.lottery('start');
$.lottery('stop');
$.lottery('getUsers');
$.lottery('winners', 'get');
$.lottery('winners', 'clean');
$.lottery('history', 'show');
$.lottery('history', 'get');
$.lottery('history', 'clean');
Параметр | Объяснение | Возврат |
---|---|---|
start | startLottery | true |
stop | stopLottery | Объект, информация о пользователе-победителе |
getUsers | получить список пользователей | Объект, список пользователей |
winners, get | получить список победителей | Объект, список победителей |
winners, clean | очистить игнорируемых пользователей, которые выиграли | true |
history, show | показать экран истории | true |
history, get | получить исторический список лотерей |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )