spot_img
HomeJavaScript源代码下载仅需$20 智能计时器和计数器 - jQuery Mega Countdown 插件 JavaScript源代码下载

仅需$20 智能计时器和计数器 – jQuery Mega Countdown 插件 JavaScript源代码下载

在线预览功能优惠价 $20

Smart Timer And Counter 是一个 jQuery 插件,可用于向网页添加计时器和时钟。 插件可通过自定义皮肤(可视组件)、模式(时钟/计时器逻辑)和语言(翻译标签)进行高度配置和扩展。

SMARTPlugins 在线支持

所有样式都是使用 CSS(和用于圆形皮肤的 Canvas)完成的,所有包含的样式都是纯 CSS,不使用图像。 控件是响应式的,使用媒体查询来更改计数器大小,并且它可以在较小的屏幕上分成多行。

插件在当前的 Android 浏览器、iPhone 和 iPad Safari 和 Chrome,所有现代桌面浏览器(IE8 和 IE9 不会显示与一些更复杂的皮肤相关的大部分样式)上进行了测试。 它需要 JavaScript 和 jQuery 支持才能工作。

无尽的造型可能性

皮肤:圆形和圆形

时钟和计数器模式,自定义布局

插件可以用作时钟或计数器。 如果用作时钟,您可以显示当前日期/时间,也可以从任何日期开始。 时钟模式可以 24 小时制(默认)或 12 小时制(带有 AM/PM 标志)显示时间。 计数器可以倒计时到任何日期,倒计时任意秒数或倒计时到任意秒限制。 插件可以显示时间和日期元素、分隔符和标签的不同组合。

模式控制列表
  • 布局: 结合’年’、’月’、’天’、’小时’、’分钟’、’秒’的顺序。
  • 分频器:几个分隔符可用于拆分日期/时间元素。
  • 位数:为每个日期/时间元素自定义位数。
计数器方法列表
  • 日期: 它必须在将来使用 JavaScript 数据对象进行设置。 插件将计数为零以达到设定日期。
  • 过去:它必须是过去使用 JavaScript 数据对象设置的。 插件计算自过去日期以来经过了多少时间。
  • :从指定的秒数开始计数到零。
  • 目标:从零开始计数到指定的秒数。

基于数字的上下计数模块

插件还可以使用基于数字的格式来非常灵活地向上或向下计数。 它允许自定义位数、小数位、小数点和千位分隔符、自定义步骤(甚至从设定范围随机化)。 您可以在计数器前后指定一个字符(如货币符号)。

所有包含的皮肤(圆形除外)都与数字模块一起使用。 有些皮肤可以有一些不同的设置。

7 种基本皮肤:基本、简单、动画、圆形、自定义、普通和内联

7 种基本皮肤:基本、简单、动画、圆形、自定义、普通和内联

插件有 7 个内置皮肤来显示时钟/计数器。 简单皮肤和动画皮肤各有 14 种样式(有些相同)。 动画皮肤使用动画(SlideIn、SlideOut、Fade、FadeIn、FadeOut)来改变数字。 内联皮肤可用于 SPAN 标记,以添加与文本内联的计数器,样式更改最少。

贷款申请在线申请,高额度,快速下款!
可用皮肤列表
  • 简单的:显示数字的简单方式,具有 14 种预定义样式。
  • 动画:更改数字的动画,具有 14 种预定义样式和 5 种动画。
  • 排队:用于文本中的元素,具有 6 种预定义样式。
  • : 使用 Canvas 渲染圆形表盘,无限颜色自定义。
  • 风俗:从动画皮肤扩展而来,可以自由控制颜色和样式。
  • 清楚的:更简单的皮肤,可以自由控制颜色和一些样式控制。
  • 根据:不包含样式的奖励皮肤,与简单皮肤具有相同的行为。

翻转皮肤

定时器翻转动画

翻转皮肤是完全可定制的,它允许您为数字、背景和标签使用自定义颜色,使用阴影,指定尺寸,更改字体系列和大小。

数字翻转动画

皮肤与智能计时器和计数器插件中的计时器和数字模块一起使用。 它可以同时翻转多个数字。

4 个 LED 皮肤:段、条、矩阵 3×5 和 5×7

皮肤:7 段

这是经典的 7 段 LED 显示屏,它支持不同尺寸(重量从 2 到 20 像素),具有自定义段的宽度和高度、自定义颜色、过渡和任何程度的倾斜效果。 此皮肤不支持边框半径设置。

皮肤:点阵 5x7

这些皮肤为每个数字创建具有 3×5 或 5×7 点的矩阵。 您可以自定义大小(任何点权重值)、自定义颜色、点的边框半径、过渡和任何程度的倾斜效果。

8 平面皮肤:面板、菱形、瓷砖、正方形、条形、矩形、圆形、圆形

8 平面皮肤:面板、菱形、瓷砖、正方形、条形、矩形、圆形、圆形

基于基本形状的附加皮肤。 这些皮肤仅适用于 Counter 模块,不能与 Numbers 模块一起使用。

可用皮肤列表
  • 面板
  • 钻石
  • 瓷砖
  • 酒吧
  • 正方形
  • 矩形
  • 冰柱
  • 回合

自定义皮肤允许自由定制

自定义皮肤允许自由定制

要使用此皮肤,还需要加载动画皮肤。 此皮肤没有预定义的皮肤。 但是,您可以从插件设置中设置自定义颜色、背景、阴影和效果。 这使您可以轻松自定义颜色和样式。 此外,您可以为每个计数器元素独立更改颜色。

普通皮肤允许轻松定制

普通皮肤允许轻松定制

WordPress建站服务

这是一种非常简单的皮肤,允许自定义颜色、字体和其他元素。

Circular Skin 使用 Canvas 显示圆形表盘

Circualar Skin 使用 Canvas 显示圆形表盘

基于第三方 jQuery Knob 库,允许完全自定义数字表盘的大小和颜色(甚至使用透明度)。

轻松定制和集成详细文档

轻松定制和集成详细文档

插件具有广泛的皮肤、模式、语言设置。 它很容易定制并与任何基于 jQuery 的项目一起使用。 文档包含所有设置的详细说明、值列表、样式列表等。 插件包有很多演示。

许多事件和方法可用于额外控制

许多事件和方法可用于额外控制

许多事件可用于附加您自己的代码以控制计时器之外的事物(进度条、页面上的事件),以及获取计数或时钟的当前状态、停止或启动计时器等的方法。 包中的示例显示了如何控制倒计时的进度条。

其他插件功能

  • 支持翻译使用 语言对象 更改元素标签。
  • 附上自己的代码 回调事件 处理开始、停止、完成……
  • 许多设置来控制 柜台展示:分隔符、间距、标签……
  • 包括方法 启动、停止、重置或修改 计数器对象元素。
  • 包括 7 个 PDF 文档文件 有关插件的信息。
  • 包括 26 个演示文件 有近 100 个演示。

系统要求

  • jQuery 1.7 或更新版本
  • 适用于 jQuery 2.x 和 3.x

文档

插件包含插件包内的 PDF 用户和开发人员指南,位于“docs”目录中。 查看这些文档以获取有关插件选项、用法等的信息。 要开始使用插件,请在浏览器中打开“index.html”文件以获取有关插件使用的信息,以及演示列表以帮助您开始使用插件。 您还可以在“演示”目录中找到每个示例。

版本 4 通知

插件的 4.0 版包含以前属于插件的所有皮肤。 因此,一些文件名已更改,因此当您切换到新版本时,请确保检查您需要哪些文件以及是否其中一些文件已更改名称。

变更日志

版本 4.2 / 2023.01.25。

  • 更新:使用 jQuery 3.6.3 测试
  • 更新:对插件核心的各种改进

版本 4.1 / 2020.06.12。

  • 更新:使用 jQuery 3.5.1 测试
  • 更新:重构一些 jQuery 事件处理程序
  • 更新:对插件核心的各种改进
  • 更新:删除了几个未使用变量的实例
  • 固定:错误使用动画速度值的几个实例

SMARTPlugins 在线主页

WordPress divi主题

5分钟生成10篇英文软文article forge软件试用
在线预览功能优惠价 $20

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img