Maison > interface Web > js tutoriel > le corps du texte

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

奋力向前
Libérer: 2021-08-26 14:01:07
avant
3022 Les gens l'ont consulté

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());
Copier après la connexion

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);
Copier après la connexion

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
);
Copier après la connexion

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!

Étiquettes associées:
js
source:chuchur.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!