您好,登錄后才能下訂單哦!
這篇文章主要講解了“html怎么實現倒計時”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“html怎么實現倒計時”吧!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>JS實現倒計時(時、分,秒)</title><script language="javascript" type="text/javascript">var interval = 1000;function ShowCountDown(year,month,day,divname){var now = new Date();var endDate = new Date(year, month-1, day);var leftTime=endDate.getTime()-now.getTime();var leftsecond = parseInt(leftTime/1000);//var day1=parseInt(leftsecond/(24*60*60*6));var day1=Math.floor(leftsecond/(60*60*24));var hour=Math.floor((leftsecond-day1*24*60*60)/3600);var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);var cc = document.getElementById(divname);cc.innerHTML = "腳本之家提示距離"+year+"年"+month+"月"+day+"日還有:"+day1+"天"+hour+"小時"+minute+"分"+second+"秒";}window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval);</script></head><body><div id="divdown1"></div></body></html>
完整實例:http://github.crmeb.net/u/defu
感謝各位的閱讀,以上就是“html怎么實現倒計時”的內容了,經過本文的學習后,相信大家對html怎么實現倒計時這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。