js通過Date對(duì)象實(shí)現(xiàn)倒計(jì)時(shí)效果,具體內(nèi)容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒計(jì)時(shí)動(dòng)畫</title> <style> div{ text-align:center; height:100px; line-height:100px; } </style> <script> window.onload = function(){ setInterval(FreeTime,1000); } function FreeTime(){ var curTime = Date.now(); var endTime = new Date("2017-10-26 16:00:00"); var allFreeSeconds = (endTime-curTime)/1000; if(allFreeSeconds>0){ var freeDay = Math.floor(allFreeSeconds/(24*60*60)); var freeHour = Math.floor(allFreeSeconds/(60*60) % 24); var freeMinute = Math.floor(allFreeSeconds/60 % 60); var freeSecond = Math.floor(allFreeSeconds%60); document.getElementById("nowTime").innerHTML = "剩余"+freeDay+"天"+freeHour+"時(shí)"+freeMinute+"分"+freeSecond+"秒"; } else{ document.getElementById("nowTime").innerHTML = "已結(jié)束"; } } </script></head><body><div> <span id="nowTime"></span></div></body></html>以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持錯(cuò)新站長(zhǎng)站。
新聞熱點(diǎn)
疑難解答
圖片精選