时钟

应用示例

使用时钟组件显示当前时间。

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。
2. 在Web应用编辑器中，单击最左侧的组件图标。
3. 在画布左侧组件列表上方，输入时钟，找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的更多信息，请参见组件。

   

步骤二：配置样式

1. 在右侧样式中，完成数据展示样式的配置。

   配置项	描述
   展示格式	选择时钟组件展示的时间格式。可选： 日期时间：显示为日期和具体时间，精确到秒。格式为：yyyy-MM-dd hh:mm:ss 时间：仅显示时间，格式为：hh:mm:ss 日期：仅显示日期，格式为：yyyy-MM-dd
   文字样式	设置时钟展示内容的字号（支持输入自定义值）、颜色、粗细。支持配置数据源，详细内容请参见文字。
   背景颜色	设置时钟背景展示颜色和边框。 时钟组件默认带背景。如果想要去掉背景，可将背景颜色不透明度设置为0。 支持绑定数据源进行使用，详细内容请参见矩形。
   边框

2. 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息，请参见样式配置。

步骤三：配置交互动作

1. 选中组件的交互页签，配置事件和交互动作。具体操作请参见交互配置。
   例如，点击组件，执行动作刷新组件，指定刷新某组件展示的内容。
2. 单击页面右上方的预览，预览和调试组件展示的数据和效果。