Maison > Article > interface Web > Comment mettre en œuvre la fonction de compte à rebours des ventes à durée limitée

Comment mettre en œuvre la fonction de compte à rebours des ventes à durée limitée

小云云original: 2018-02-06 11:50:244148parcourir

Cet article vous apporte principalement un exemple complet (partage) de compte à rebours de vente à durée limitée. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

est la suivante :

<!DOCTYPE HTML>
<html>
<head>
 <meta charset=utf-8"/>
 <title>团购——限时抢</title>
</head>
<body>
<p>
 <p class="time">还剩 <span id="LeftTime"></span></p>
</p>
<script>
 function FreshTime() {
  var endtime = new Date("2017/10/15,12:20:12");//结束时间
  var nowtime = new Date();//当前时间
  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
  d = parseInt(lefttime / (24 * 3600));
  h = parseInt(lefttime /3600%24);
  m = parseInt(lefttime/60%60);
  s = parseInt(lefttime % 60);

  document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
  if (lefttime <= 0) {
   document.getElementById("LeftTime").innerHTML = "团购已结束";
   clearInterval(sh);
  }
 }

 var sh;
 sh = setInterval(function () {
  FreshTime()
 },500);

</script>

</body>
</html>

Rendu :

Recommandations associées :

Code d'implémentation de l'applet de compte à rebours jquery

Implémentation jQuery du compte à rebours et du compte à rebours SMS Fonctionnel code d'implémentation

code de compte à rebours anti-rafraîchissement js code de compte à rebours js

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：

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

Article précédent：Utilisez Express pour démarrer le partage de méthodes de service de serveurArticle suivant：Utilisez Express pour démarrer le partage de méthodes de service de serveur

Articles Liés

Voir plus