How to convert JavaScript functions to jQuery for a countdown timer on load of a page -


i have following code countdown timer. need convert javascript portion jquery. countdown timer starts on page load. how can that, have load difftime function on load of page. please me. in advance.

edit: got jquery call can not access ** function tick() ** ** function createtimer() ** . there library ** settimeout() ** in jquery? know far, native js.

<html> <head>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>     <script type="text/javascript">         var timer;         var totalseconds;           function createtimer(timerid, time) {             timer = document.getelementbyid(timerid);             totalseconds = time;             //updatetimer()             window.settimeout("tick()", 1000);         }          function tick() {             if (totalseconds <= 0) {                 //alert("time's up!")                 document.getelementbyid("timemsg").innerhtml = "market closed!! ";                 return;             }              totalseconds -= 1;             updatetimer()             window.settimeout("tick()", 1000);         }          function updatetimer() {             var seconds = totalseconds;              var days = math.floor(seconds / 86400);             seconds -= days * 86400;              var hours = math.floor(seconds / 3600);             seconds -= hours * (3600);              var minutes = math.floor(seconds / 60);             seconds -= minutes * (60);               var timestr = ((days > 0) ? days + " days " : "") + leadingzero(hours) + ":" + leadingzero(minutes) + ":" + leadingzero(seconds)               timer.innerhtml = timestr;         }            function leadingzero(time) {              return (time < 10) ? "0" + time : + time;          }          function difftime(){              var starttime = 10*60 + 30; //starting time in minute             var lasttime = 16*60 + 30;  //ending time in minutes              var thistime = new date();              //             var currentyear = thistime.getfullyear();                     var currentmonth = thistime.getmonth();             var currentday = thistime.getutcdate();             var currenthour = thistime.gethours();             var currentminute = thistime.getminutes();              var currenttime = currenthour*60 + currentminute;   //current time in minute              if(currenttime >= starttime && currenttime < lasttime){                  var endtime = new date(currentyear,currentmonth,currentday,16,30);  // 4:30pm                             var diff = endtime.gettime() - thistime.gettime();   //                 var remaintime = diff / (1000);     // positive number of days                 remaintime = math.ceil(remaintime);                 createtimer("timer", remaintime);               }else{                 document.getelementbyid("timemsg").innerhtml = "market closed!! ";                 document.getelementbyid("timer").innerhtml = "00:00:00";              }          }         window.onload = difftime;     </script>   </head> <body>      <div><span id="timemsg">elapsed time remain: </span><b><span id='timer'></span></b></div>   </body> 

call function in document.ready()

 $( document ).ready( function ()     {  difftime(); }); 

Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -