倒計時

1.hh:mm:ss.ms

var s = 0,m = 0,h = 0, ms=0;
function setTime() {
  var d = new Date();
  var year = d.getFullYear();
  var month = d.getMonth() + 1;
  var date = d.getDate();
  var str = year + "/" + month + "/" + date + " 23:59:59";
  var resStr = (new Date(str).getTime())/1000; // 當天23:59:59秒時間戳
  var curStr = (Date.parse(new Date()))/1000; // 當前時間戳
  var diff = resStr - curStr; // 秒
  var docTime = document.getElementById("time");
  if(diff>=0) {
    ms = ms+1;
    if(ms > 9) { ms = 0; }
    diff = diff-1;
    h = Math.floor((diff/3600)%24);
    m = Math.floor((diff/60)%60);
    s = Math.floor((diff%60));
    docTime.innerText = h+" 時 "+m+" 分 "+s+"."+ms+"秒後失效";
  } else {
    clearInterval(timer);
    docTime.innerText = "紅包已失效";
    return;
  }
}
var timer = setInterval(setTime, 100);
setTime();

2.60秒倒計時
            let countdown = 60;
            function setTime(obj) {
                if(countdown==0) {
                    $(obj).removeClass("setting-email-send");
                    obj.removeAttribute("disabled");
                    obj.value = "發送驗證碼";
                    return;
                } else {
                    $(obj).addClass("setting-email-send");
                    obj.setAttribute("disabled", true);
                    obj.value = "重新發送("+ countdown +"s)";
                    countdown--;
                }
                setTimeout(function() {
                    setTime(obj)
                }, 1000);
            };

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章