Top Menu

进度条的逻辑

由于涉及大量的后台循环操作,所以学习了一下进度条的结构。首先,需要有一个进度条对象,可以是隐藏的也可以是可见的,但是一定要有一个唯一的id,以便js获取属性。然后需要一个能够计算出总步骤和确定的步骤数的操作来应用进度条,一般这个操作是for循环,每个循环的开始需要初始化进度条的步进,并在循环中通过flush函数加载js来更新进度条,在每次循环中间也需要同循环一样累加步进。最后,在循环结束后,需要复位进度条,并通过js隐藏需要隐藏的进度条。

进度条的难点主要在js放置的位置,因为要取得PHP变量值,所以一般在循环for语句的下一行插入js代码,js代码结束后紧跟着用flush来立即更新页面。最后的隐藏进度条建议用js的延迟函数,这样不至于消失得很突然。

One comment

  • Hello, guest

Powered by WordPress. Designed by WooThemes