灵活的时间单位和布局预设
并非每个倒计时都需要年份,也不是每个布局都相同。选择哪些时间单位可见:打开或关闭年份、月份、日期、小时、分钟和秒并自定义其标签。然后,选择样式预设:经典堆叠块布局、紧凑的内联线或有组织的表格格式。这确保您的计时器完美适合您的英雄部分、侧边栏或促销横幅,而不会产生不必要的混乱。
- 可定制单位:仅显示相关时间单位(例如,仅显示销售的天数、小时数、分钟数)。
- 多种布局:从块、内联、块表或内联表中进行选择以匹配您的空间。
- 清晰标签:轻松将标签从 “Days” 更名为 “D Left” 或 “Hours” 更名为 “Hrs”,以保证简洁和风格。
单独设计每个数字块
超越一色合一计时器 独立风格每个时间单位容器 设置独特的背景、颜色和年月日时分秒刻的排版块 希望“Days”以不同的颜色脱颖而出?你可以控制这个级别,让你强调倒计时中最重要的部分,创造一个视觉上动态的、抛光的元素,吸引眼球。
- 个别块造型:为每个时间单位(日、时等)提供自己的背景颜色、渐变或图像。
- 排版控制:为每个单元中的数字设置不同的字体大小、权重和颜色。
- Hover 状态:定义每个块在悬停时的外观,添加一层交互性。
完整的容器和文本造型
使计时器成为页面连接部分 整体通用风格容器风格:控制其宽度、高度、对齐方式、框阴影、背景和边框半径 然后,用自己的颜色、排版和文本阴影微调分离器(如冒号或斜线)和标签(“Days”、“Hours”)。通过对每个级别的 Margin 和 Padding 的控制,您可以将计时器无缝集成到任何部分。
- 专业容器:添加阴影、圆角和背景以使计时器弹出。
- 分隔符和标签设计:设计标点符号和文本标签以补充您的数字块。
- Pixel-Perfect 间距:使用边距和填充控制来实现计时器内部和周围的平衡、干净的间距。
倒计时器的常见问题
我可以将计时器设置为特定的日期和时间吗?
是的,绝对。在倒计时日期和时间设置中,您可以使用交互式日历和时间选择器来选择倒计时应结束的确切时刻(例如,2027-01-08 00:00)。计时器将计算并显示相对于每个访问者的当地时间的剩余时间。
当倒计时达到零时会发生什么?
00:00:00 时计时器会停止,接下来会发生什么取决于您的用例,通常,它用于关闭销售或注册,您可能想将其与其他 Elementor 功能(如显示条件)配对,以隐藏/显示截止日期前后的元素本身显示过期状态。
移动设备上的定时器有响应吗?
是完全响应式,所选布局(Block、Inline、Table)将适应更小的屏幕,您可能需要调整字体大小、容器宽度,或者切换到更垂直的布局(如Block),以便使用Elementor的响应式编辑模式进行移动,以确保完美的可读性。
我可以使用它进行反复的每日倒计时(例如每日交易)吗?
该计时器专为单个固定的结束日期/时间而设计。对于重复的每日倒计时(每 24 小时重置一次),您需要不同的解决方案,通常涉及自定义代码。该元素非常适合一次性活动、启动或限时促销。
不同时区的游客倒计时是否有效?
Yes。您设置的目标日期/时间通常根据用户的本地系统时间来解释。当访问者加载页面时,JavaScript 会根据他们的计算机或手机的时钟计算剩余时间。这确保了截止日期对每个人、任何地方都是准确的。
Hero部分中一个大的,突出的计时器的最佳布局是什么?
Block 或 Block Table 预设对于一个大而大胆的英雄部分,通常都是最好的,它们以截然不同的、经常堆叠的块显示时间单位,这些块很容易从远处读取,然后可以增加字体大小和容器填充,使其成为主要的焦点。
