1、动画
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | // property 动画要改变的图元的属性名 // accessType property的类型,枚举如下: // null 默认类型,如property为width,采用getWidth()和setWidth(value)的get/set或is/set方式存取。 // style 如property为width,采用getStyle('width')和setStyle('width', value)的方式存取。 // attr 如property为width,采用getAttr('width')和setAttr('width', value)的方式存取。 // from 动画开始时的属性值 // to 动画结束时的属性值 // frames 动画帧数,默认为60 // duration 持续时间,单位 ms;frames 和此参数只能选择一个,不可同时存在 // interval 动画间隔,单位ms,如果不指定等同于全局动画间隔;适用于当前图元的动画间隔与全局动画间隔不一致的情况 // delay 动画延迟执行时间,单位ms // repeat 指定动画是否循环执行,如果为数字,表示循环的次数 // easing 动画缓动函数可参考<a href="http://easings.net/" rel="noopener nofollow" target="_blank">http://easings.net/</a> // onUpdate: function(value) 回调函数,动画的每一帧都会回调此函数。 // onComplete: function() 回调函数,动画完成后执行 // next: 字符串类型,指定当前动画完成之后,要执行的下个动画,可将多个动画融合 { blend: { from :0, to: 100, easing: "Quad.easeOut" , next: "clear" , onUpdate: function(value) { this .a( "value" ,value); } }, clear: { from :100, to:0, easing: "Bounce.easeOut" , next: "blend" , onUpdate: function(value) { this .a( "value" , value); } }, start: [ "blend" ] } |
2、任务调度
1 2 3 4 5 | // interval:间隔毫秒数,默认值为10 // enabled:是否启用开关,默认为true // beforeAction:调度开始之前的动作函数 // action:间隔动作函数,对DataModel上的每个data节点都会执行一次action操作 // afterAction:调度结束之后的调度函数 |
{
interval: 500,
action: function (data) {
if (data.a('blink.enabled')) {
var color = data.a('screen.color');
if (color === data.a('origin.color')) {
color = data.a('blink.color');
} else {
color = data.a('origin.color');
}
data.a('screen.color', color);
}
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix