kazeeem/laravel-flexible-countdown

此Laravel扩展包允许您快速创建倒计时计时器。它使用简单，易于理解和修改。

维护者

详细信息

github.com/Kazeeem/laravel-flexible-countdown

源代码

问题

安装: 36

依赖关系: 0

建议者: 0

安全: 0

星标: 1

观察者: 2

分支: 0

开放问题: 0

语言：HTML

v1.0.1 2021-11-10 09:15 UTC

mit 2ef9ff51769df98d06b5f62a6a031c858f75db8b

  • Kazeem Asifat <asifatkazeem.woop@yahoo.com>

This package is auto-updated.

Last update: 2024-09-10 16:25:32 UTC

README


Flexible Countdown
灵活倒计时（Laravel）

灵活倒计时是专门为Laravel构建的倒计时计时器，基于DayJs库。

made-with-javascript

主要功能 • 如何使用 • 致谢 • 许可证

主要功能

  • 区域支持
    • 您可以为您的时区指定时间。
  • 计时器结束时执行的操作
    • 当时间达到零时，您可以显示一条消息或重新加载页面。
  • 以各种格式进行倒计时。（例如年、月、周、日、小时、分钟和秒。
  • 易于修改。

如何使用

此包需要使用Jquery 3.6.0及更高版本

# Install via Composer 
* composer require kazeeem/laravel-flexible-countdown

# Optional: The service provider will automatically get registered. Or you may manually add the service provider in your config/app.php file:
*   'providers' => [
        // ...
        Kazeeem\FlexibleCountdown\FlexibleCountdownServiceProvider::class,
    ];

# Publish the asset
$ Run this artisan command: 
* php artisan vendor:publish --tag=public --force

screenshot

您可以根据上面的示例创建一个倒计时计时器

然而，还有一些可选参数您可能也想使用

  • expiry_message
    • 这是当计时器达到零时您可能想要显示的消息。如果未传递此值，则默认消息为“时间到”
  • reload_page
    • 这取true或false的值。当倒计时达到零时，它会重新加载页面。
  • suffix
    • 这也取true或false的值。它将在数字旁边显示时间的字母
  • show_days
    • 默认情况下，计时器显示小时、分钟和秒，但如果您想显示剩余天数，可以将此设置为true
  • show_weeks
    • 如果您想显示剩余周数。
  • show_months
    • 如果您想显示剩余月份。
  • show_years
    • 如果您想显示剩余年份。
  • local
    • 您可以为计数器要使用的时区指定时区。默认设置为非洲/拉各斯。

完整示例代码

screenshot

致谢

此倒计时包使用了以下库

  • Dayjs及其插件（时区和持续时间）。

许可证

MIT

codingkaz.com.ng  ·  GitHub @Kazeeem  ·  Twitter @Kazeeem_A