3. 编辑元素
元素描述: “同步数据”元素用于获取服务器数据,配合服务器返回值,可以自动在页面添加对应数据。此元素不需要显示在页面,因此需要将此元素加入层中。
标签: 标签1
PC | 手机浏览器 | android APP | iOS APP | 微信浏览器 |
---|---|---|---|---|
. | . | . | . | . |
# | 内容 | 备注 |
---|---|---|
作者 | zhanglinling | 邮箱:zhanglinling@wware.org |
扩展元素标识 | qrcode | 备注 |
编辑支持 | 编辑器支持 运行期支持 编译器支持 | |
额外资源支持 | 有额外样式, 额外图片 | |
创建时间 | ||
最近更新时间 |
# | 属性名 | 属性说明 | 值示例 |
---|---|---|---|
普通属性 | data-url | 用于显示的url内容 | http://www.wware.org |
控制属性 | data--sync | 控制是否同步数据, 当设为true时, 会触发该元素同步一次数据 | true/空 |
数据属性 | data-x-pg | 输出本次提交数据的进度, 值为0到1 | 0.333 |
暂无预览图
1. 打开定时器模板
页面编辑界面→共享元素→系统→搜索“定时器”→插入。
右键点击文字处→定时器属性。
一个页面内只需添加一个定时器元素,如需多个定时器可以在属性设置中添加,并实现同时控制。
l 定时器的名称:用于设置定时器的名称,但必须确保名称为唯一的,不可重复。
l 时间间隔:定时器的时间间隔循环周期,单位为:ms;默认为:1000。
l 总循环次数:定时器的循环次数,无单位,默认为:10。小于或等于0时,无限循环。
l 起始循环次数:定时器的起始循环的次数,无单位,默认为:0,它的最大值为“循环次数-1”。
l 定时器状态:默认关闭,即在页面加载完毕的时候,是否启动定时器。
l 触发自定义事件:定时器的在每次循环时都会发出自定义事件,页面元素可以捕获该事件做出相应动作,统一以.www结尾,默认为:interval1.ww;定时器最后一次循环时发出的事件名称为endinterval1.ww,在前面加了end。因此在设置时最好以.ww结尾。
l 定时器 :增加新的定时器。 :删除本行的定时器。
案例:通过定时器实现图片闪烁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)”即可。
设置完毕之后,点击“保存”。