自己写的操作等待浮出层

自己写的操作等待浮出层

在实际项目中，用户的某些操作常常需要等待前面的操作完成后再往后进行，这时就需要一个浮出层覆盖整个操作区域。

收集参考了网上的一些方案后，整理了下，写成了通用的方法，与大家分享。
代码很简单，很容易看懂，因此没有加多少注释。

代码还有很多需要改进的地方，将持续更新。


实现功能：
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

评论

1 楼 zhuchao_ko 2011-06-15