1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors-Lottery.js

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 5.8 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 27.11.2024 20:18 c810191

Lottery.js

🎲 Простое приложение-лотерея на JavaScript.

Chinese README

Спонсоры

Скриншоты

lottery-demo

LiveDemo ->

Особенности

  • Гибкость
  • Готовое решение
  • Интересные анимационные эффекты

Использование

Подготовьте данные следующим образом:

    [
        {
            "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

API

    $.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 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/mirrors-Lottery.js.git
git@api.gitlife.ru:oschina-mirror/mirrors-Lottery.js.git
oschina-mirror
mirrors-Lottery.js
mirrors-Lottery.js
master