本文档以时间器组件控制通用标题组件数据更新为例,为您介绍使用节点编程功能控制时间器触发通用标题数据定时更新的方法。

前提条件

准备好您的交互需求。

本案例的交互需求为:当时间器内的时间到达2019-08-19 17:20:00时(具体时间根据项目实际情况自定义),通用标题组件数据更新显示为活动开始

背景信息

本案例的适用场景为双十一等场景活动的定时触发。

操作步骤

  1. 参考添加组件,在可视化大屏编辑器页面搭建所需要的时间器通用标题组件。
    添加组件
  2. 通用标题组件的 数据面板中,清空 value字段的数据。
    通用标题组件清空数据
    说明 此步骤为可选,表示在活动未开始时,大屏上不显示通用标题的内容。您也可以自定义内容,显示在大屏上。
  3. 时间器组件的 配置面板中,单击回调配置,打开定点回调设置,设置定点抛出时间的为当前案例中交互所需的时间。
    时间器定点回调时间设置
    本案例设置定点抛出时间2019-08-19 17:20:00
  4. 单击大屏编辑页面右上角的配置节点编程图标。
    配置节点编程图标
  5. 节点编程配置页面,将左侧的时间器通用标题节点拖至画布中。
  6. 时间器当时间到设置时间时事件与通用标题导入数据接口动作连线。
  7. 在连线中添加一个转换器,并命名为定时触发
    具体操作方法请参见配置节点编程
    最终连线的结果如下图所示。
    最终连线样式
  8. 配置转换器。
    1. 右键单击名称为定时触发的转换器,选择编辑
    2. 转换器设置对话框的转换器脚本编辑区域,输入转换条件,完成后单击保存
      当前转换器的示例代码如下。
      return [{
        value: "活动开始"
      }];
  9. 转换器配置完成后,单击节点编程配置页面右上角的应用图标,将交互效果应用到大屏项目中。
  10. 单击页面左上角的返回图标,返回大屏编辑器页面。单击预览,查看时间器控制通用标题数据更新的交互效果。
    定点触发样式