Maison > interface Web > js tutoriel > jquery affiche *jours*heures*minutes*secondes pour implémenter timer_jquery

jquery affiche *jours*heures*minutes*secondes pour implémenter timer_jquery

WBOY
Libérer: 2016-05-16 16:49:36
original
1165 Les gens l'ont consulté

1. Utilisez jquery pour implémenter une minuterie. Combien de jours, d'heures, de minutes et de secondes s'écoulent d'une certaine période avant à maintenant

code html :

Copier le code Le code est le suivant :

:

day
heure
class="time "> secondes
>$(function (){

show_time();

});

function show_time(){
var time_start = new Date("2013/10 /01 00: 00:00").getTime();//Définir l'heure de début
var time_end = new Date().getTime(); //Définir l'heure de fin (égale à l'heure actuelle du système)
//Calculer le décalage horaire
var time_distance = time_end - time_start;
if(time_distance > 0){
// Conversion des jours, heures, minutes et secondes
var int_day = Math .floor(time_distance/86400000)
time_distance -= int_day * 86400000;

var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000; var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;

var int_second = Math.floor(time_distance/1000)
// Quand l'heure, la minute et la seconde sont des nombres impairs, ajoutez zéro devant
if(int_day < 10){
int_day = "0" int_day
}
if(int_hour < 10){
int_hour = " 0" int_hour;
}
if(int_minute < 10){
int_minute = "0" int_minute;
}
if(int_second < 10){
int_second = " 0" int_second;
}
// Heure d'affichage
$ ("#time_d").html(int_day);
$("#time_h").html(int_hour);
$("#time_m").html(int_minute);
$(" #time_s").html(int_second);

setTimeout("show_time()",1000); 🎜>}else{
$("#time_d").html(' 00');
$("#time_h").html('00'); .html('00');
$("#time_s") .html('00');

}
}
🎜>
Étiquettes associées:
source:php.cn
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