倒計時

html結構層

<span id="t_d"></span><span id="t_h"></span><span id="t_m"></span><span id="t_s"></span>

(1)指定日期的倒計時

js結構層

//每次刷新都是1分鐘的倒計時,
var t=3600000;
function GetTime(){
t - = 1000;
var m=0,s=0;
if( t > = 0){
m=Math.floor(t/1000/60%60);//總分鐘對60取余
s=Math.floor(t/1000%60);//不足1分鐘對60取余
}
document.getElementById("t_m").innerHtml=m+":";
document.getElementById("t_s").innerHtml=s;
}
setInterval(GetTime,1000)

(2)指定分鐘或者秒的倒計時

js行為層

function GetTime(){
var EndTime=new Data('2017/10/01/ 00:00:00');//創建指定的時間
var NowTime=new Data();//獲取現在時間
var t=EndTime -NowTime;//兩者相間隔的毫秒數
var d=0,h=0, m=0,s=0;
if( t > = 0){
d=Math.floor(t/1000/60/60/24);//天數
h=Math.floor(t/1000/60/60%24);//小時
m=Math.floor(t/1000/60%60);//分鐘
s=Math.floor(t/1000%60);//秒數
}
document.getElementById("t_d").innerHtml=d+":";
document.getElementById("t_h").innerHtml=h+":";
document.getElementById("t_m").innerHtml=m+":";
document.getElementById("t_s").innerHtml=s;
}
setInterval(GetTime,1000)

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

推薦閱讀更多精彩內容

  • html結構層 (1)指定日期的倒計時 js結構層 //每次刷新都是1分鐘的倒計時, var t=3600...
    電影里的夢i閱讀 228評論 0 0
  • 一、html代碼通過div來動態顯示倒計時的結果 二、第二段代碼是用來設置頁面加載就調用這個倒計時的js 方法dj...
    老牛圣斗士閱讀 1,170評論 0 0
  • var hourtime=prompt("輸入下班時間,如下: ","17:30:00"); function d...
    eyuxiog閱讀 442評論 0 0
  • 姓名:陳芬 公司:寧波慈星股份有限公司 寧波盛和塾《六項精進》224期學員,利他二組學員 【日精進打卡第76天】 ...
    龍芬浩閱讀 181評論 0 0
  • 她是我喜歡的眾多女性之一,于歷史之中留下了不朽的篇章。一起為人所銘記的還有她一長串著名的情人名單,據說拜倒在她裙下...
    謝徵閱讀 19,018評論 1 3