JavaScript中時間戳運算以及實現(xiàn)倒計時功能實例

這篇文章主要介紹“JavaScript中時間戳運算以及實現(xiàn)倒計時功能實例”，在日常操作中，相信很多人在JavaScript中時間戳運算以及實現(xiàn)倒計時功能實例問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中時間戳運算以及實現(xiàn)倒計時功能實例”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

取時間戳的幾種方式

//第一種
var timestamp = Date.now();
//第二種
var timestamp = new Date().getTime();
//第三種
var timestamp = new Date().valueOf();
//第四種,通過運算
var timestamp = new Date() * 1; //new Date()-0 ,new Date()/1
//第五種 ,通過轉(zhuǎn)換
var timestamp = Date.parse(new Date());

時間戳的運算

var timestamp1 = Date.now();
var timestamp2 = Date.now();
var timediff = (timestamp2 - timestamp1) / 1000; //這里拿到的是毫秒,除以1000 得到秒單位
//天數(shù)
var days = parseInt(timediff / 3600 / 24);
//小時
var hours = parseInt(timediff / 3600);
//分鐘
var minutes = parseInt((timediff / 60) % 60);
//秒
var seconds = parseInt(timediff % 60);

倒計時實例

function getDiff(t1, t2) {
  var timediff = (t2 - t1) / 1000;
  //天數(shù)
  var days = parseInt(timediff / 3600 / 24);
  //小時
  var hours = parseInt((timediff / 3600) % 60);
  //分鐘
  var minutes = parseInt((timediff / 60) % 60);
  //秒
  var seconds = parseInt(timediff % 60);
  return days + "天 " + hours + "時 " + minutes + "分 " + seconds + "秒 ";
}
var t1 = new Date("2019/2/10 8:03:15");
var t2 = new Date("2019/2/18 7:05:55");
var result = getDiff(t1, t2);
console.log(result);
//7天 11時 2分 40秒
//開始倒計時 今天離2025年還有多少天
setInterval(
  () => console.log(getDiff(new Date(), new Date("2025/3/20"))),
  1000
);

到此，關(guān)于“JavaScript中時間戳運算以及實現(xiàn)倒計時功能實例”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>