H5页面中的定时器(setTimeout)问题

项目的安卓版本为了快速开发,使用Hbuilder纯H5开发.关于setTimeout碰到的几个问题.

1.页面中设置的10s定时请求服务器一次,但是服务器打出的日志,可以看到,个别时候,两次请求几乎是同时到达,但有时候,中间间隔的时间又确实是10s时间.后来发现原因,在设置定时器的时候,我直接把setTimeout放到方法的尾部.犹豫该方法中的业务逻辑相对复杂,所以在请求服务器之后,回调进去ajax的success模块中的逻辑未完全执行完之前,已经开始了下一次的定时调用.但是理论上来说,即使是方法体重一点逻辑不写,仍然应该是按照设置的时间来请求服务器.

后来把setTimeout块放到了逻辑执行完之后.以及其他的else模块中.正常.

2.比较相似.该页面中的定时器执行逻辑比较简单.就是把其他页面设置的localStorage中的值取出来展示.但是每次进到该页面总不会展示,需要等到第一次定时的时间到达之后,才可以.后来发现执行setTimeout的方法放在了页面的顶部,此时可能页面尚未完全渲染,不能根据逻辑中的id来找到对应的dom节点.把第一次的调用放到页面渲染之后.正常.