Maison interface Web js tutoriel Comment créer une fonction de compte à rebours sur un objet Date

Comment créer une fonction de compte à rebours sur un objet Date

Apr 16, 2018 pm 01:42 PM
date 倒计时

Cette fois, je vais vous montrer comment créer une fonction de compte à rebours pour un objet Date. Quelles sont les précautions pour créer une fonction de compte à rebours pour un objet Date. Voici un cas pratique. Levez-vous et jetez un œil.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>倒计时动画</title>
  <style>
    p{
      text-align:center;
      height:100px;
      line-height:100px;
    }
  </style>
  <script>
    window.onload = function(){
      setInterval(FreeTime,1000);
    }
    function FreeTime(){
      var curTime = Date.now();
      var endTime = new Date("2017-10-26 16:00:00");
      var allFreeSeconds = (endTime-curTime)/1000;
      if(allFreeSeconds>0){
        var freeDay = Math.floor(allFreeSeconds/(24*60*60));
        var freeHour = Math.floor(allFreeSeconds/(60*60) % 24);
        var freeMinute = Math.floor(allFreeSeconds/60 % 60);
        var freeSecond = Math.floor(allFreeSeconds%60);
        document.getElementById("nowTime").innerHTML = "剩余"+freeDay+"天"+freeHour+"时"+freeMinute+"分"+freeSecond+"秒";
      }
      else{
        document.getElementById("nowTime").innerHTML = "已结束";
      }
    }
  </script>
</head>
<body>
<p>
  <span id="nowTime"></span>
</p>
</body>
</html>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment SpringJDBC exploite les données par lots

Comment el-upload télécharge des fichiers Excel

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 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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment écrire un programme de compte à rebours simple en C++ ? Comment écrire un programme de compte à rebours simple en C++ ? Nov 03, 2023 pm 01:39 PM

C++ est un langage de programmation largement utilisé qui est très pratique pour écrire des programmes de compte à rebours. Le programme de compte à rebours est une application courante qui peut nous fournir des fonctions de calcul du temps et de compte à rebours très précises. Cet article explique comment utiliser C++ pour écrire un programme de compte à rebours simple. La clé pour mettre en œuvre un programme de compte à rebours est d’utiliser une minuterie pour calculer le passage du temps. En C++, nous pouvons utiliser les fonctions du fichier d'en-tête time.h pour implémenter la fonction timer. Ce qui suit est le code d'un simple programme de compte à rebours

Comment utiliser Vue pour implémenter des effets de compte à rebours des boutons Comment utiliser Vue pour implémenter des effets de compte à rebours des boutons Sep 21, 2023 pm 02:03 PM

Comment utiliser Vue pour implémenter des effets de compte à rebours des boutons. Avec la popularité croissante des applications Web, nous devons souvent utiliser certains effets dynamiques pour améliorer l'expérience utilisateur lorsque les utilisateurs interagissent avec la page. Parmi eux, l'effet compte à rebours du bouton est un effet très courant et pratique. Cet article expliquera comment utiliser le framework Vue pour implémenter des effets de compte à rebours des boutons et donnera des exemples de code spécifiques. Tout d’abord, nous devons créer un composant Vue contenant un bouton et une fonction de compte à rebours. Dans Vue, un composant est une instance Vue réutilisable et une vue sera

Comment créer et nommer un fichier/dossier en fonction de l'horodatage actuel Comment créer et nommer un fichier/dossier en fonction de l'horodatage actuel Apr 27, 2023 pm 11:07 PM

Si vous cherchez un moyen de créer et de nommer automatiquement des fichiers et des dossiers en fonction des horodatages du système, vous êtes au bon endroit. Il existe un moyen très simple d’accomplir cette tâche. Les dossiers ou fichiers créés peuvent ensuite être utilisés à diverses fins telles que le stockage de sauvegardes de fichiers, le tri des fichiers en fonction de la date, etc. Dans cet article, nous expliquerons en quelques étapes très simples comment créer automatiquement des fichiers et des dossiers dans Windows 11/10 et les nommer en fonction de l'horodatage du système. La méthode utilisée est un script batch, très simple. J'espère que vous avez apprécié la lecture de cet article. Section 1 : Comment créer et nommer automatiquement un dossier en fonction de l'horodatage actuel du système Étape 1 : Tout d'abord, accédez au dossier parent dans lequel vous souhaitez créer le dossier,

Avertissement PHP : date() s'attend à ce que le paramètre 2 soit long, la chaîne étant la solution Avertissement PHP : date() s'attend à ce que le paramètre 2 soit long, la chaîne étant la solution Jun 22, 2023 pm 08:03 PM

Lors du développement à l'aide de programmes PHP, vous rencontrez souvent des messages d'avertissement ou d'erreur. Parmi eux, un message d'erreur qui peut apparaître est : PHPWarning:date()expectsparameter2tobelong,stringgiven. Le message d'erreur signifie : le deuxième paramètre de la fonction date() est censé être un entier long (long), mais ce qui lui est réellement transmis est une chaîne (string). Alors, nous

Comment annuler le compte à rebours de 10 secondes au démarrage de Win10 ? Trois façons d'annuler le compte à rebours au démarrage de Win10 ? Comment annuler le compte à rebours de 10 secondes au démarrage de Win10 ? Trois façons d'annuler le compte à rebours au démarrage de Win10 ? Feb 29, 2024 pm 07:25 PM

Dans Win10, le compte à rebours de démarrage est activé par défaut. Lorsque nous allumons l'ordinateur, nous verrons une interface de compte à rebours, généralement un compte à rebours de 10 secondes. Pendant ce temps, nous pouvons choisir de continuer le démarrage ou d'effectuer d'autres opérations. Bien que le compte à rebours de démarrage apporte une certaine commodité à notre système, il peut également causer des problèmes dans certains cas. Je souhaite annuler l'affichage, mais je ne sais pas comment faire. Cet article vous explique comment annuler le compte à rebours de plusieurs secondes après le démarrage de Win10. Comprenez le compte à rebours de démarrage de Win10. Dans Win10, le compte à rebours de démarrage est activé par défaut. Lorsque nous allumons l'ordinateur, nous verrons une interface de compte à rebours, généralement un compte à rebours de 10 secondes. Pendant ce temps, nous pouvons choisir de continuer le démarrage ou de continuer

Introduction aux méthodes et utilisation des classes Date et SimpleDateFormat pour traiter le temps en Java Introduction aux méthodes et utilisation des classes Date et SimpleDateFormat pour traiter le temps en Java Apr 21, 2023 pm 03:01 PM

1. Introduction La classe Date du package java.util représente une heure spécifique, précise en millisecondes. Si nous voulons utiliser notre classe Date, nous devons alors introduire notre classe Date. Écrire l’année directement dans la classe Date ne produira pas le résultat correct. Parce que la date en Java est calculée à partir de 1900, donc tant que vous remplissez le premier paramètre avec le nombre d'années depuis 1900, vous obtiendrez l'année souhaitée. Le mois doit être soustrait de 1 et le jour peut être inséré directement. Cette méthode est rarement utilisée et la deuxième méthode est couramment utilisée. Cette méthode consiste à convertir une chaîne conforme à un format spécifique, tel que aaaa-MM-jj, en données de type Date. Tout d’abord, définissez un objet de type Date Date

Comment obtenir la représentation en millisecondes d'une date en utilisant la méthode getTime() de la classe Date Comment obtenir la représentation en millisecondes d'une date en utilisant la méthode getTime() de la classe Date Jul 24, 2023 am 11:42 AM

Comment obtenir une représentation en millisecondes de la date à l'aide de la méthode getTime() de la classe Date En Java, la classe Date est une classe utilisée pour représenter la date et l'heure. Il fournit de nombreuses méthodes utiles pour manipuler et obtenir des informations sur les objets date. Parmi elles, la méthode getTime() est une méthode importante de la classe Date, qui peut renvoyer la représentation en millisecondes de l'objet date. Nous détaillerons ensuite comment utiliser cette méthode pour obtenir la représentation en millisecondes d'une date et fournirons des exemples de code correspondants. Utilisation de la classe Date g

Comment utiliser CSS pour créer un effet de compte à rebours Comment utiliser CSS pour créer un effet de compte à rebours Oct 26, 2023 am 10:36 AM

Comment utiliser CSS pour créer un effet de compte à rebours. L'effet de compte à rebours est une fonction courante dans le développement Web. Il peut fournir aux utilisateurs un effet de compte à rebours dynamique et donner aux gens un sentiment d'urgence et d'attente. Cet article expliquera comment utiliser CSS pour obtenir l'effet de compte à rebours et donnera des étapes de mise en œuvre détaillées et des exemples de code. Les étapes d'implémentation sont les suivantes : Étape 1 : construction de la structure HTML Tout d'abord, créez un conteneur div en HTML pour envelopper le contenu du compte à rebours. Par exemple : &lt;divclass="countd

See all articles