自己写的操作等待浮出层
自己写的操作等待浮出层
在实际项目中,用户的某些操作常常需要等待前面的操作完成后再往后进行,这时就需要一个浮出层覆盖整个操作区域。
收集参考了网上的一些方案后,整理了下,写成了通用的方法,与大家分享。
代码很简单,很容易看懂,因此没有加多少注释。
代码还有很多需要改进的地方,将持续更新。
实现功能:
1.使用js代码生成覆盖整个页面的浮出层,不需要单独在页面上定义div层。
2.支持等待一段时间后自动结束,或点击stop按钮结束等待,
3.支持结束等待前,用户自定义操作。
4.用户定制等待提示信息。
使用方法:
代码使用简单,可以通过传入的不同参数,定制不同的功能。
功能由两个function构成:
startWait()
stopWait()
1.startWait
生成浮出层,覆盖整个页面
可传入一个json对象,由四个属性构成
opt={
??? message:''
??? timer:
??? stopBtnEnable:??? ??? //
??? beforeStop:
}
属性解释:
message:浮出层上,显示的提示信息
timer:等待时间,单位毫秒.等待timer毫秒后,自动结束等待
stopBtnEnable:stop按钮是否可用。如果可用,在message下方将出现一个按钮,点击按钮可以结束等待。
beforeStop:在结束等待前,执行的function的名称
2.stopWait
结束等待,移除浮出层
可以传入一个参数。
beforeStop:在结束等待前,执行的function的名称
?
附件内有demo