jquery - JavaScript Dynamic Updates Issue -

i have page works fine on desktop 2 elements give me problem on mobile browser.

these svg object , timer.

i have 30 second timer when completed animates svg file.

this timer works flawlessly in desktop when trying same on mobile browser,

the timer dynamically updates when touch , scroll screen or down.

i tried using remote debugging chrome using guide: https://developer.chrome.com/devtools/docs/remote-debugging

when tried touching screen in debugger error gets logged in console.

deferred long-running timer task(s) improve scrolling smoothness. see crbug.com/574343.

the timer gets it's value websocket, value being sent via server.js file.

here how i'm displaying value in timer :

if(data.type == "countdown") {   $(window).unbind("beforeunload");   currentcountdown = (data.countdown-1);    $("#countdown").text(currentcountdown.tofixed(2));    clearinterval(cdinterval);   clearinterval(barinterval);    if(originalcountdown < (data.countdown-1)) {     originalcountdown = (data.countdown-1);   }   cdinterval = setinterval(function() {     currentcountdown -= 0.025;      $("#countdown").text(currentcountdown.tofixed(2));      if(currentcountdown <= 0) {       clearinterval(cdinterval);     }   },25); }