communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 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

小云云
Libérer： 2018-02-06 11:50:24
original
4219 Les gens l'ont consulté

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

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!

Étiquettes associées：
倒计时 方法 vente flash
source：php.cn
Article précédent：Utilisez Express pour démarrer le partage de méthodes de service de serveur Article suivant：Partage de code de mise en œuvre du compte à rebours magnifique sur Canvas
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
Derniers articles par auteur
Derniers numéros
Pourquoi le nombre de cookies dans l'en-tête de requête « Cookie » dépasse-t-il le nombre de cookies définis dans l'en-tête de réponse « set-cookie » ? Je suis un débutant dans l'exploration du Web, donc ma compréhension des requêtes http est...
Depuis 2024-04-05 14:52:06
0
1
3571
Impossible d'implémenter cette redirection htaccess J'ai un maindomain.com qui contient un site Web et certaines pages ici doivent être tempor...
Depuis 2024-04-04 23:43:51
0
1
1376
Je souhaite envoyer deux emails différents à deux adresses différentes en utilisant php dans la même fonction Ainsi, lorsqu'un produit est commandé auprès d'un commerçant inscrit sur mon site, je souh...
Depuis 2024-04-04 22:17:09
0
1
1481
WooCommerce Checkout - Valider les rôles des utilisateurs et le contenu du panier Je rencontre un problème avec le processus de paiement de WooCommerce. J'utilise le plugin...
Depuis 2024-04-03 11:58:52
0
1
475
Code Google Sheets : résolution des problèmes d'autorisation et des erreurs de placement des données J'écris mon premier code en utilisant Google Script. Je rencontre un problème avec mon cod...
Depuis 2024-04-03 09:26:47
0
1
278
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal