i have a webview, that is being show in an app
there is an animation on the page, a digital timer, where i am showing the images of each digit like so 00:39, 29:39, etc
it is being animated use setInterval in javascript within the page
problem is that when i put my finger on the screen, i.e. a touch without lifting my finger
the browser halts, meaning the animation no longer animates, it stops at the place when my finger touch the screen , and it will continue animate after i lift my finger
how can i fix this?
i heard that i can use prevent default method, but wouldn’t that ignore all my events on the page?
basicaly besides the timer in my webpage, i also have some stuff that user can interact with , so it is looking for the click event etc.
so i definitely want to keep that as well
please help
this happens on ios device…if i run in desktop brower, everything seems ok..not halting being observed
found what the issue is.
it has nothing to do with ajax request or the cpu
it is because a tiny scrolling was introduced. apparently all the ainmation will be put on halt if you are scrolling or going to scroll.