倒计时

在本文中,我们将讨论倒计时元素及其设置。倒计时元素可以用来给页面添加倒计时,所以让我们开始吧!

  1. 倒计时
  2. 设置
  3. 格式
  4. 空白和填充
  5. 边境
  6. 盒阴影
  7. 定制
  8. 演示
  9. 总结

倒计时元素在页面上添加一个倒计时。添加倒计时元素,只需搜索“倒计时”,并拖动“倒计时”到画布。

倒计时

除了元素的一般外观设置之外,这也是倒计时结束时间设置以及倒计时输出的格式。

添加倒计时元素

设置

设置部分包含了你在设置倒计时时想要添加的基本设置。的倒计时结束设置倒计时的结束时间。一定要确保这个日期是将来的。除了这个函数之外,其他参数纯粹与样式相关。一旦你设置了倒计时日期,你就可以在预览中看到视觉变化,并根据你的需要调整一切。

倒计时设置

格式

格式当涉及到倒计时如何出现在你的页面时,分段是很重要的。通过选择和取消选择单位显示如果显示秒、分钟、小时或天,则可以缩小完成范围。

其他选项有:

  • 隐藏在末端-当计数器结束时隐藏它。
  • 隐藏空—当输入为空时隐藏。
  • 前导零—启用或禁用倒计时的前导零。
  • 标签-是否根据数字显示日、时、分、秒标签。
倒计时格式

空白和填充

空白和填充节允许您通过向元素添加空白或填充来设置计数器的样式。

倒计时页边距和填充

边境

边境函数为您提供了大量的选项,在倒计时周围添加边框,使其在视觉上流行。

倒计时边境

盒阴影

盒阴影控制分组允许您添加一个框阴影到计数器,使其突出。

倒计时盒影

定制

自定义面板包含各种功能,允许你进一步控制元素的样式和功能:

  • ID - - - - - -在元素上设置HTML ID。
  • - - - - - -在元素上设置一个HTML类。
  • 元素的CSS - - - - - -使用此特性可以增加对Element的样式控制,特别是对嵌套标记。点击在这里有关此功能的更详细信息,如使用el美元动态定位基标签,等等。
  • 在断点时隐藏 - - - - - -当需要改变设计时,在不同的屏幕尺寸隐藏元素。点击在这里更多信息。
  • 条件 - - - - - -当满足某些条件时,从页面中添加/删除元素(例如:如果特色图像设置…).点击在这里更多信息。
  • 自定义属性 - - - - - -使用此选项将自定义HTML属性添加到元素的根标记(例如。data-info = " 123 ").这在与各种脚本和库集成时特别有用。

演示

要查看倒计时元素的现场演示,请单击在这里

总结

总之,我们已经讨论了倒计时元素。我们已经讨论过倒计时元素是一个在页面上添加倒计时的简单工具,我们已经学习了如何改变它的内容和设计。最后,我们深入研究了倒计时元素设置的细节。

看到不准确的地方了吗?让我们知道

Baidu
map