Comptes a rebours html

Résolu/Fermé

Html Rebours

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 - Modifié par Jeff le 3/03/2011 à 11:07
Raveo - 10 nov. 2016 à 16:50

Bonjour, je suis en train de confectionner mon site internet en html sans css, je cherche à insérer dans ma page d'index principal un compte à rebours avant l'ouverture du site pour qu'il le redirige vers la page d'accueil du site, le problème, après plusieurs recherche sur le web, je n'en trouve aucun qui est en activité quand il est sur l'hébergeur (le compte a rebours recommence a 0 a chaque connexion a la page).
Pouvez vous me trouvé ce code qui me permettrait qu'il soit en activité même sans connexion dessus,
merci d'avance.

A voir également:

6 réponses

Réponse 1 / 6

Bbp26 Messages postés 8 Date d'inscription mercredi 6 février 2013 Statut Membre Dernière intervention 27 mai 2014 59
27 mai 2014 à 16:47

En js sinon https://www.decompte.net/compte-a-rebours/

Réponse 2 / 6

Larcry Messages postés 31 Date d'inscription lundi 23 août 2010 Statut Membre Dernière intervention 31 août 2010 4
24 août 2010 à 22:09

Insert ce code sur ton site :

<html><head><title>Compteur dynamique entre 2 dates</title>

<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des conseils sur https://www.toutjavascript.com/main/index.php3

function disp_delai()
{document.forms[0].elements[0].value=delai(2003,1,1,0,0);
setTimeout("disp_delai()",1000);
}

function delai(annee,mois,jour,heure,min)
{var date_fin=new Date(annee,mois-1,jour,heure,min)
var date_jour=new Date();
var tps=(date_fin.getTime()-date_jour.getTime())/1000;
var j=Math.floor(tps/3600/24); // récupere le nb de jour
tps=tps % (3600*24);
var h=Math.floor(tps / 3600); // recupère le nb d'heure
tps=tps % 3600;
var m=Math.floor(tps/60); // récupère le nb minute
tps=tps % 60
var s=Math.floor(tps);

var txt=j+" j "+h+" h "+m+" min et "+s+" sec";
date_fin=don_date(date_fin);
return txt;}

function don_date_jour()
{var date_jour=new Date();
date_jour=don_date(date_jour);
return date_jour;}

function don_heure()
{var date_jour=new Date();
var heure=date_jour.getHours();
var min=date_jour.getMinutes();
if (heure<10) heure="0"+heure;
if (min<10) min="0"+min;
heure=heure+":"+min;
return heure;}

function don_date(une_date)
{var la_date;
var months=new Array(12);
months[1]="Janvier";
months[2]="Février";
months[3]="Mars";
months[4]="Avril";
months[5]="Mai";
months[6]="Juin";
months[7]="Juillet";
months[8]="Aout";
months[9]="Septembre";
months[10]="Octobre";
months[11]="Novembre";
months[12]="Décembre";

var days=new Array(7);
days[1]="Lundi";
days[2]="Mardi";
days[3]="Mercredi";
days[4]="Jeudi";
days[5]="Vendredi";
days[6]="Samedi";
days[0]="Dimanche";

var month=months[une_date.getMonth() + 1];
var day=days[une_date.getDay()];
var date=une_date.getDate();
var year=une_date.getYear();

year=1900+year;

la_date=day + " " + date + " " + month + " " + year;
return la_date;
}
</SCRIPT>

</head>

<body text="#000000" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00" onLoad="disp_delai()">

<FONT FACE="Arial" SIZE="-1" COLOR="navy">
<CENTER><BIG><B>Compteur dynamique entre 2 dates</B></BIG></CENTER><BR><BR>
<script TYPE="text/JavaScript"></script>

<FORM NAME="mail" METHOD=GET>
Il reste
<INPUT NAME="RESTE" SIZE=25 MAXLENGTH=25>
avant le 1er Janvier 2003<BR><BR>
</FORM>

</FONT>
</body>
</html>

ou en php, voici un autre script trouvé je ne sais plus où :

<?php

// Mettre ici le jour dans le futur
$day = 01;
// Mettre ici le mois dans le futur
$month = 01;
// Mettre ici l'annee dans le futur
$year = 2006;

// Cette ligne n a pas besoin d etre modifée
// $days la variable $days contient le nombre de jours (le résultat)
$days = (int)((mktime (0,0,0,$month,$day,$year) - time(void))/86400);
if ($days>=0){
echo '<p align="right">';
echo "Encore $days jour(s) jusqu'au $day/$month/$year";
echo '</p>';
}

?>

Si t'a un problème dis le moi

Larcry Messages postés 31 Date d'inscription lundi 23 août 2010 Statut Membre Dernière intervention 31 août 2010 4
24 août 2010 à 22:10

Par contre comme tu l'a vu c du java, sa viens du site javascript, j'ai pas mieux.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
24 août 2010 à 23:09

j'ai deja utilisé le code que tu as donné mais sans succé sur l'hébergeur.

Raveo
10 nov. 2016 à 16:50

Moi j'ai modifier à ma sauce : Je sais je suis en retard! <html><head><title>Compteur dynamique entre 2 dates</title>

<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des conseils sur http://www.toutjavascript.com

function disp_delai()
{document.forms[0].elements[0].value=delai(2003,1,1,0,0);
setTimeout("disp_delai()",1000);
}

function delai(annee,mois,jour,heure,min)
{var date_fin=new Date(annee,mois-1,jour,heure,min)
var date_jour=new Date();
var tps=(date_fin.getTime()-date_jour.getTime())/1000;
var j=Math.floor(tps/3600/24); // récupere le nb de jour
tps=tps % (3600*24);
var h=Math.floor(tps / 3600); // recupère le nb d'heure
tps=tps % 3600;
var m=Math.floor(tps/60); // récupère le nb minute
tps=tps % 60
var s=Math.floor(tps);

var txt=j+" j "+h+" h "+m+" min et "+s+" sec";
date_fin=don_date(date_fin);
return txt;}

function don_date_jour()
{var date_jour=new Date();
date_jour=don_date(date_jour);
return date_jour;}

function don_heure()
{var date_jour=new Date();
var heure=date_jour.getHours();
var min=date_jour.getMinutes();
if (heure<10) heure="0"+heure;
if (min<10) min="0"+min;
heure=heure+":"+min;
return heure;}

function don_date(une_date)
{var la_date;
var months=new Array(12);
months[1]="Janvier";
months[2]="Février";
months[3]="Mars";
months[4]="Avril";
months[5]="Mai";
months[6]="Juin";
months[7]="Juillet";
months[8]="Aout";
months[9]="Septembre";
months[10]="Octobre";
months[11]="Novembre";
months[12]="Décembre";

var days=new Array(7);
days[1]="Lundi";
days[2]="Mardi";
days[3]="Mercredi";
days[4]="Jeudi";
days[5]="Vendredi";
days[6]="Samedi";
days[0]="Dimanche";

var month=months[une_date.getMonth() + 1];
var day=days[une_date.getDay()];
var date=une_date.getDate();
var year=une_date.getYear();

year=1900+year;

la_date=day + " " + date + " " + month + " " + year;
return la_date;
}
</SCRIPT>

</head>

<body text="#000000" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00" onLoad="disp_delai()">

<FONT FACE="Arial" SIZE="-1" COLOR="navy">
<script TYPE="text/JavaScript"></script>

</FONT>
</body>
</html>

Réponse 3 / 6

Utilisateur anonyme
24 août 2010 à 22:13

va à cette adresse, ca va tout auto généré : http://www.ricocheting.com/code/javascript/html-generator/countdown-timer

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
24 août 2010 à 22:22

Merci larcy mais le truc de seby1996 est plus facile pour moi,
par contre, ne connaissant pas bcp le JS, on dois-je mettre le lien de ma page à rediriger?

Utilisateur anonyme
24 août 2010 à 22:28

je sais pas, ti fait par ex :

Nouveau design dans : <div align=center><le code></lecode><br><a href=ta page.html>Mais aller donc dans l'encienne zone du site</a></div>

ceci n'est biensur qu'un exemple.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
24 août 2010 à 22:37

désolé, mais je ne comprend pas se que tu veux dire, je voudrai le truc pour remplacer le Now! par la redirection automatique vers ma page, mais quand je le remplace par le code <meta http-equiv="refresh" content="3; URL=http://www.manouvelleadresse.com">, pu rien ne fonctionne.

Utilisateur anonyme
24 août 2010 à 23:07

hein, tu veux dire vers ta nouvelle adresse ok, le prob, c'est ton meta content="3;" non, c'est pas correct, il faut content="3" et le script que je t'ai donné fonctionne tous le temps.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
24 août 2010 à 23:14

oui, ton script fonctionne tout le tps, je suis d'accord, malgré ma faute corrigé, cela ne fonctionne toujours pas :') . je cherche le truc qu'il faut mettre a la place du "now!" proposé pour rediriger ma page. Mais sans succé

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
25 août 2010 à 14:49

je viens de te l'envoyer mais le revoila

<html>
<head>
<script type="text/javascript">
//######################################################################################
// Author: ricocheting.com
// For: public release (freeware)
// Date: 4/24/2003 (update: 6/26/2009)
// Description: displays the amount of time until the "dateFuture" entered below.

// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm

dateFuture = new Date(2010,7,25,15,0,0);

// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
//document.write(dateFuture +"<br />");

//###################################
//nothing beyond this point
function GetCount(){

dateNow = new Date(); //grab current date
amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;

// time is already past
if(amount < 0){
document.getElementById('countbox').innerHTML="Now!";
}
// date is still good
else{
days=0;hours=0;mins=0;secs=0;out="";

amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

days=Math.floor(amount/86400);//days
amount=amount%86400;

hours=Math.floor(amount/3600);//hours
amount=amount%3600;

mins=Math.floor(amount/60);//minutes
amount=amount%60;

secs=Math.floor(amount);//seconds

if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
out += secs +" seconds";
document.getElementById('countbox').innerHTML=out;

setTimeout("GetCount()", 1000);
}
}

window.onload=GetCount;//call when everything has loaded

</script>
</head>

<div id="countbox"></div>
</html>

Réponse 5 / 6

Leviathan49 Messages postés 257 Date d'inscription jeudi 10 juin 2010 Statut Membre Dernière intervention 22 juillet 2011 70
25 août 2010 à 13:20

Je ne sais pas si c'est ce que tu veux mais en utilisant

<HEAD>
<META HTTP-EQUIV=REFRESH CONTENT="5;URL=http://example.com">
</HEAD>

On redirige vers example.com au bout de 5s.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
25 août 2010 à 13:26

non dsl, en fait, je voudrai mettre un compte a rebours avec une date pour l'ouverture de mon site internet, et non une redirection de page qui redémarre a 0 a chaque connexion, je veut que après la fin du compte a rebours, le redirection vers ma page d'accueil se fasse. et a chaque connexion au site le compte a rebours n'apparaisse pu

Réponse 6 / 6

nirG95 Messages postés 291 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 15 décembre 2010 33
25 août 2010 à 14:02

Bonjour,

essai de mettre un compte à rebour en flash ;)

http://super-lancements.fr/bonus/compte-a-rebours-flash-gratuit-52.html

Cdlt.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
25 août 2010 à 16:10

Super compte a rebours, mais pas de redirection de page possible a la fin.

nirG95 Messages postés 291 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 15 décembre 2010 33
25 août 2010 à 16:51

Oui je sais bien, c'est juste des exemples qui pourront peut être te donner une solution :)

Cdlt.

cave2180 Messages postés 425 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 25 juin 2020 6
25 août 2010 à 16:53

par hasard, sais-tu si on peut mettre comme dans une automate, mais sur une page html, un autre de passage pour que sa donne, mon compte a rebours, puis quand il st fini, ma balise meta pour la redirection.

Mistick
25 févr. 2013 à 23:09

Bah tu peux toujours utiliser meta-refresh :o

pinilapin
18 avril 2014 à 11:58

ici en flash : http://www.usflashmap.com/component/countdown_timer.htm

Discussions similaires

compte à rebourd facebook

Recherche musique avec un décompte

recherche bruitage compte à rebours fort

Compte à rebours sur page facebook

Créer un compte à rebours

décompte, compte à rebours pour le bureau

Discussions similaires

Newsletters