移动BOS控件介绍-倒计时

栏目：eas cloud知识作者：金蝶来源：金蝶云社区发布：2024-09-22浏览：1

移动BOS控件介绍-倒计时

倒计时说明

用于某些日期或时间点进行倒计时显示。

效果展示

控件属性

属性名	属性ID	类型	默认值	说明
ID	ID	String	Countdown1	倒计时ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性
类型	type	String	倒计时
标题	title	String	countdown	设置倒计时的标题
样式风格	countdownstyle	String	基础风格	下拉框中可以选择基础风格（对应值是0）、小卡片风格（对应值是1）、大卡片风格（对应值是2）
是否显示天	countdownshowday	String	默认不显示	默认不显示天，只显示时分秒，如需显示天请开启开关
分隔风格	countdownsplitmode	String	00:00:00	默认00:00:00，可下拉选择00时00分00秒
时间值颜色	countdowntimecolor	String	无	自行选择
背景颜色	countdownbackgroundcolor	String	无	自行选择

使用示例代码

1.添加倒计时控件并进行设置

2.添加暂停按钮控件

3. 添加开始按钮控件

4. 添加事件代码

//页面加载后执行
mbos('page').bind('afterOnload',function(){
    //设置ID是countdown1的倒计时时间是360秒（即6分钟） 
    mbos("countdown1").setDuration(360);
    //开始倒计时  
    mbos("countdown1").start();
});

//点击暂停按钮时暂停倒计时
_this.pause = function(event){	
    mbos("countdown1").pause();
}

//点击开始按钮时开始倒计时
_this.start = function(event){	
     mbos("countdown1").start();
}

最终效果