二维码 ( 版本 1 )


元素描述: “同步数据”元素用于获取服务器数据,配合服务器返回值,可以自动在页面添加对应数据。此元素不需要显示在页面,因此需要将此元素加入层中。

标签: 标签1

PC手机浏览器android APPiOS APP微信浏览器
.....
#内容备注
作者zhanglinling邮箱:zhanglinling@wware.org
扩展元素标识qrcode备注
编辑支持编辑器支持 运行期支持 编译器支持 
额外资源支持有额外样式, 额外图片 
创建时间 
最近更新时间 

元素示例


案例:通过定时器实现图片闪烁10次的效果:
定时器元素,一个页面存在一个该元素就够了,可以添加多个定时器,页面显示时会隐藏该元素,data--intervalcontrol属性绑定在变量intervalcontrol,通过改变变量_vm.intervalcontrol来控制定时器的启动和关闭,格式为对象数组,例如:[{"intervalName1":"start"},{"intervalName2":"stop"}]

预览图


暂无预览图

使用说明


1. 打开定时器模板

页面编辑界面→共享元素→系统→搜索“定时器”→插入。

2. 设置属性

右键点击文字处→定时器属性。

一个页面内只需添加一个定时器元素,如需多个定时器可以在属性设置中添加,并实现同时控制。

l 定时器的名称:用于设置定时器的名称,但必须确保名称为唯一的,不可重复。

l 时间间隔:定时器的时间间隔循环周期,单位为:ms;默认为:1000。

l 总循环次数:定时器的循环次数,无单位,默认为:10。小于或等于0时,无限循环。

l 起始循环次数:定时器的起始循环的次数,无单位,默认为:0,它的最大值为“循环次数-1”。

l 定时器状态:默认关闭,即在页面加载完毕的时候,是否启动定时器。

l 触发自定义事件:定时器的在每次循环时都会发出自定义事件,页面元素可以捕获该事件做出相应动作,统一以.www结尾,默认为:interval1.ww;定时器最后一次循环时发出的事件名称为endinterval1.ww,在前面加了end。因此在设置时最好以.ww结尾。

定时器 :增加新的定时器。 :删除本行的定时器。

3. 实例应用

案例:通过定时器实现图片闪烁10次的效果:

(1)设置定时器属性

右键点击定时器→定时器属性:

定时器名称:intervalName1
时间间隔:2000
总循环次数:10
起始循环次数:0
定时器状态:关闭
触发自定义事件:interval1.ww

(2)设置定时器逻辑

在基本信息中将定时器的id设置为dingshiqi。右键选择定时器→逻辑→逻辑:

某个元素:当前元素
发生某事:其他事件:interval1.ww
则某元素:#a10
产生某效果:闪烁

(3)启动定时器

本案例中通过对图片设置逻辑控制定时器,在基本信息中将图片的id设置为a10。右键点击图片→逻辑→逻辑:

当某个元素:当前元素
发生某事:单击
其他元素:#dingshiqi
额外逻辑:绑定数据编程
高级编辑:
var a = {"intervalName1":"start"};
_vm.intervalcontrol("[" + JSON.stringify(a) + "]");

如下图:

效果请查看上文元素示例。

启动定时器时:

当只有一个定时器时,可按照以下格式来写:

var a = {"intervalName1":"start"};
_vm.intervalcontrol("[" + JSON.stringify(a) + "," + "]");

当有两个定时器时,可按照以下格式来写:

var a = {"intervalName1":"start"};
var b = {"intervalName2":"start"};
_vm.intervalcontrol("[" + JSON.stringify(a) + "," + JSON.stringify(b) + "]");

:这里的"intervalName1"和"intervalName2"都是指的定时器的名称,注意与之前的定时器属性设置中保持一致。

类似的,当有两个以上定时器时,只需要在上面示例代码的基础上加上“ + "," + JSON.stringify(b)”即可。

设置完毕之后,点击“保存”。