3 examples of js code to implement web page countdown and website running time functions

1. jQuery.countdown plug-in

Display format: 50 weeks, 01 days, 07 hours, 18 minutes and 41 seconds (seconds are running seconds) A page can have multiple countdowns Instance, can be stopped and started, it doesn't offer too many features, but the time format and the size of the output can be customized. The latest version v2.0.2, official address http://hilios.github.io/jQuery.countdown/ For example:

Copy code The code is as follows: $('#getting-started').countdown(' 2016/01/01 00:00', function(event) { $(this).html(event.strftime('%w week %d day %H:%M:%S')); }); Output result: 50 weeks, 01 days, 07 hours, 18 minutes and 41 seconds Note: If you need the total number of days left, use %D, parameter description:

Copy code The code is as follows: Y: "years" m: "months" w: "weeks" d: "days" D: "totalDays" H: "hours" M: "minutes" S: "seconds"

2. Display format: There are still days before the end time: 00 days 05 Hours, 25 minutes and 30 seconds (seconds are running seconds)

Copy code The code is as follows: function show_date_time(){ window.setTimeout( "show_date_time()", 1000); target=new Date(2014,0,15,17,0,0); //Note: The parameter representing the month is between 0 and 11. That is, if you want to set the month to August, the parameter should be 7. today=new Date();

timeold=(target.getTime()-today.getTime());

sectimeold=timeold/1000 secondsold=Math. floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(e_daysold-daysold)*24; hrsold=Math.floor(e_hrsold); e_minsold=(e_hrsold-hrsold)*60; minsold=Math.floor((e_hrsold-hrsold)*60); seconds=Math. floor((e_minsold-minsold)*60);

if (daysold document.getElementById("time").innerHTML="Expired, the countdown has expired"; } else{ if (daysold if (hrsold if (minsold if (seconds if (daysold>0) { document.getElementById("time").innerHTML="Distance to end The time also includes: " daysold "days" hrsold "hours" minsold "minutes" seconds "seconds"; } else document.getElementById("time").innerHTML=" There are still more days left before the end time: " daysold "days" hrsold "hours" minsold "minutes" seconds "seconds "; //The end time is less than 1 day, the font is in red as a reminder } } show_date_time(); 3. Display format: Running 0 years, 1 day, 0 hours, 4 minutes and 35 seconds (seconds are running seconds)

Copy the code The code is as follows: function siteTime(){ window.setTimeout("siteTime() ", 1000); var seconds = 1000 var minutes = seconds * 60 var hours = minutes * 60 var days = hours * 24 var years = days * 365 var today = new Date() var todayYear = today.getFullYear() var todayMonth = today.getMonth() var todayDate = today.getDate() var todayHour = today .getHours() var todayMinute = today.getMinutes() var todaySecond = today.getSeconds()

/* Date.UTC() -- Returns the number of milliseconds (timestamp) between the date object and midnight on January 1, 1970 Universal Time (UTC) year - the year as the date object, is 4-digit year value month - an integer between 0-11, used as the month of the date object day - an integer between 1-31, used as the number of days of the date object hours - 0 (midnight 24 o'clock)-23, as the number of hours of the date object minutes - an integer between 0-59, as the number of minutes of the date object seconds - an integer between 0-59, The number of seconds as a date object microseconds - an integer between 0-999, the number of milliseconds as a date object */ var t1 = Date.UTC(2014,0,14,11,19,00 ) var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond) var diff = t2-t1

var diffYears = Math.floor(diff/years) var diffDays = Math.floor((diff/days)-diffYears*365) var diffHours = Math.floor((diff-(diffYears* 365 diffDays)*days)/hours) var diffMinutes = Math.floor((diff-(diffYears*365 diffDays)*days-diffHours*hours)/minutes) var diffSeconds = Math.floor((diff -(diffYears*365 diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds) document.getElementById("sitetime").innerHTML=" Run " diffYears " years " diffDays " days " diffHours " hours " diffMinutes " minutes " diffSeconds " seconds " } siteTime()

3 examples of js code to implement web page countdown and website running time functions_javascript skills