用H5制作簡單倒計時功能

? ? ? ?現在很多網站都會用到倒計時功能,打開京東、淘寶我們會看到好多限時搶購的字眼,今天我跟大家分享一個我寫的簡單倒計時功能,希望能對大家有所幫助。

? ? ? ? 這是效果圖:

這是程序的代碼:

function timeCounter() {

var currentDate = new Date();

var targetDate = new Date(2017, 0, 31);

var seconds = (targetDate.getTime() - currentDate.getTime()) / 1000;

seconds = parseInt(seconds); //秒數取整

var day = parseInt(seconds / 86400);

seconds %= 86400;

var hour = parseInt(seconds / 3600);

seconds %= 3600;

var minute = parseInt(seconds / 60);

var second = seconds %= 60;

var display = document.getElementById('display');

display.innerHTML = "距離"+targetDate.getFullYear()+

"年還有"+day+"天"+hour+"小時"+minute+"分鐘"+second+"秒";

}

setInterval('timeCounter()',1000);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容