I just wanna make add skip button. So I want to show timer in HTML button. I am trying with document.getElementbyId but its not working. HTML:
<body>
<div data-role="page" data-fullscreen="true" id="page0" class="mySplash">
<div data-role="main" class="ui-content">
<button id="skipButton" data-role="button" data-inline="true"></button>
</div>
</div>
<div data-role="page" id="page1">
<div data-role="main" class="ui-content"></div>
</div>
JavaScript:
var myCounter = 5;
function mySplashPageCountDown() {
console.log(myCounter);
if (myCounter > 0) {
myCounter--;
} else {
$.mobile.changePage("#page1");
mySplashPageTimer.stop();
}
}
var mySplashPageTimer = $.timer(1000, mySplashPageCountDown);
$("#skipButton").click(function () {
$.mobile.changePage("#page1");
mySplashPageTimer.stop();
});