Créer un compte à rebours en PHP

1. Créer un compte à rebours statique en PHP
2. Utilisez TimeCircles.js pour créer un compte à rebours dynamique en PHP

Dans cet article, nous allons présenter quelques méthodes pour créer un compte à rebours en PHP. Nous pouvons créer un compte à rebours statique en utilisant uniquement PHP. Pour faire un compte à rebours dynamique, nous devrons utiliser JavaScript.

Créer un compte à rebours statique en PHP

Nous pouvons créer un compte à rebours statique en utilisant PHP. Le minuteur ne sera mis à jour que lorsque nous actualiserons la page. Sinon, la minuterie restera la même. PHP s’exécute sur le serveur et la page doit être actualisée lorsque de nouvelles informations sont nécessaires à partir du serveur. Le compte à rebours fonctionne parfaitement, mais nous devons actualiser la page Web chaque fois que nous constatons des progrès.

Nous utiliserons la fonction PHP time() pour obtenir l’heure actuelle. Nous pouvons trouver la différence entre la date cible et l’heure actuelle, et les formater en jours, heures, minutes et secondes. Nous utiliserons la fonction floor() en convertissant le temps restant dans les autres unités. La fonction arrondira le résultat à l’entier inférieur le plus proche. En conséquence, l’unité de temps nouvellement calculée sera exacte. La fonction time() donne l’heure actuelle en secondes depuis le 1er janvier 1970 00:00:00 GMT. Nous pouvons utiliser EpochConverter pour convertir la date et l’heure actuelles en horodatage et vice versa.

Par exemple, choisissez une date cible et utilisez EpochConverter pour convertir la date en horodatages Epoch. Ensuite, créez une variable $waiting_day et attribuez-lui l’horodatage. Trouvez ensuite la différence entre $waiting_day et l’heure actuelle et stockez le résultat dans une variable $time_left. Maintenant, calculez le nombre total de jours en divisant $time_left par le nombre total de secondes dans une journée, 60*60*60. Utilisez la fonction floor() lors de la conversion. Stockez le résultat dans la variable $days. Ensuite, mettez à jour la variable $time_left pour trouver les heures restantes en termes de secondes. Pour cela, trouvez le reste en divisant $time_left par 60*60*60. Utilisez l’opérateur % pour trouver le reste. De même, recherchez les heures, minutes et secondes restantes. Pour trouver les heures, divisez $time_left par 60*60, et pour trouver les minutes, divisez par 60. Les horodatages restants seront en secondes. Enfin, imprimez toutes les variables où sont stockés les jours, heures, minutes et secondes.

Ainsi, nous avons créé un compte à rebours statique en utilisant PHP.

Exemple de code :

<?php
    $waiting_day = 1637210196;
    $time_left = $waiting_day - time();

    $days = floor($time_left / (60*60*24));
    $time_left %= (60 * 60 * 24);

    $hours = floor($time_left / (60 * 60));
    $time_left %= (60 * 60);

    $min = floor($time_left / 60);
    $time_left %= 60;

    $sec = $time_left;

    echo "Remaing time: $days days and $hours hours and $min min and $sec sec left";
?>

Production :

Remaing time: 17 days and 23 hours and 51 min and 26 sec left 

Utilisez TimeCircles.js pour créer un compte à rebours dynamique en PHP

Nous pouvons créer un compte à rebours dynamique en utilisant la bibliothèque TimeCircles.js en PHP. Le compte à rebours se mettra à jour sans actualiser la page Web. TimeCircles est un plugin jQuery qui permet de créer facilement un compte à rebours. Nous pouvons utiliser CDN pour inclure le TimeCircles.js et jQuery dans notre script. Les balises de script sont les suivantes.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/timecircles/1.5.3/TimeCircles.min.js" integrity="sha512-FofOhk0jW4BYQ6CFM9iJutqL2qLk6hjZ9YrS2/OnkqkD5V4HFnhTNIFSAhzP3x//AD5OzVMO8dayImv06fq0jA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Par exemple, créez un div avec un attribut data-date. Écrivez PHP comme valeur de l’attribut. Utilisez la fonction echo pour afficher la date cible 2019-02-12 07:25:14. Ensuite, définissez le id du div comme cd_timer. Ensuite, ouvrez la balise script et écrivez du jQuery. Ecrivez une fonction et sélectionnez l’id cd_timer et appelez la fonction TimeCircles().

Lorsque nous exécutons la page Web à partir de localhost, nous pouvons voir un compte à rebours indiquant les jours, heures, minutes et secondes restants. De cette façon, nous pouvons créer un compte à rebours dynamique en utilisant TimeCircle.js en PHP.

Exemple de code :

<div data-date="<?php echo '2019-02-12 07:25:14' ; ?>" id="cd_timer"></div>
<script>
 $(function () {
 $("#cd_timer").TimeCircles();
 });
</script>