Maison  >  Article  >  interface Web  >  Une brève analyse des méthodes d'opération d'horodatage en JavaScript (avec code)

Une brève analyse des méthodes d'opération d'horodatage en JavaScript (avec code)

奋力向前
奋力向前avant
2021-08-26 11:53:452958parcourir

Dans l'article précédent "Un article expliquant comment utiliser SVG pour dessiner des graphiques de tendances en HTML (partagez le code)", je vous ai présenté comment utiliser SVG pour dessiner des graphiques de tendances. L'article suivant vous aidera à comprendre le. opération d'horodatage dans js Jetons un coup d'œil à la méthode, mes amis.

Une brève analyse des méthodes d'opération d'horodatage en JavaScript (avec code)

Plusieurs façons d'obtenir des horodatages

//第一种
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

//第五种 ,通过转换
var timestamp = Date.parse(new Date());

Fonctionnement des horodatages

var timestamp1 = Date.now();
var timestamp2 = Date.now();
var timediff = (timestamp2 - timestamp1) / 1000; //这里拿到的是毫秒,除以1000 得到秒单位
//天数
var days = parseInt(timediff / 3600 / 24);

//小时
var hours = parseInt(timediff / 3600);

//分钟
var minutes = parseInt((timediff / 60) % 60);

//秒
var seconds = parseInt(timediff % 60);

Exemples de compte à rebours

function getDiff(t1, t2) {
  var timediff = (t2 - t1) / 1000;
  //天数
  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
);

Apprentissage recommandé : Tutoriel vidéo JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer