1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
<!DOCTYPE html>
<html lang="en">
<script>
fetch('envoi.php')
.then(response => {
return response.json()
})
.then(data => {
variable = data;
console.log(variable) // ou alert('Nombre : ' + variable)
document.getElementById("zone").innerHTML = variable;
})
.catch(err => {
// Que faire en cas d'erreur d'appel du script PHP
console.log("erreur");
})
</script>
<head>
<meta charset="UTF-8">
<title>Population mondiale</title>
<link rel="stylesheet" href="style.css" />
<link rel="envoi" href="../envoi.php" />
<link href="https://fonts.googleapis.com/css?family=EB+Garamond&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Black+Ops+One&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id ="headerr">
<div id="logo">
<img src="logo.JPG" alt="Logo de Nausicaa" />
</div>
<div id="image">
<h4>Population mondiale <img src="drapeau.jpg" class="imageflottante" alt="Image flottante" />
|| World population <img src="anglais.jpg" class="imageflottante2" alt="Image flottante 2"/>
|| Wereldbevolking <img src="drapnd.jpg" class="imageflottante3" alt="Image flottante 3"/>
</h4>
</div>
</div>
</header>
<p id="zone">nb deces importants</p>
<script>
var
populationActuelleMondiale = 1000,
populationActuelleFr = 1;
var populationJanvierMondiale = 7672000000 - variable; //La population mondiale au 1er janvier 2019
var nbNaissanceJourMonde = 233280; //il y a 2.7 naissances par secondes(donc 1000 millisecondes) on multiplie 2.7 par 86400000 (nombre de millisecondes en une journée) et on le divise par 1000 pour obtenir le résultat c'est-à-dire le nombre moyen de naissances par jour(cf produit en croix)
var populationJanvierFr = 67000000; //populat// ion fr au 1er janvier 2019
var nbNaissanceJourFr = 1431.98; //Chaque jour la population de la france varie de +1431.98
function getQuantieme() {
//Déclaration des deux dates nécessaires.
var dateCourante = new Date();
var dateDebutAnnee = new Date();
//On affecte à la date du début de l'année, le mois 1, le jour 1 et l'année courante
dateDebutAnnee.setDate(1);
dateDebutAnnee.setMonth(0);
dateDebutAnnee.setFullYear(dateCourante.getFullYear());
//On calcule la différence entre les deux dates. Le résultat étant en millisecondes, il faut convertir les mllisecondes en jours
quantieme = (dateCourante.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000) + 1;
return Math.round(quantieme);
}
window.addEventListener('load', ev => {
// le DOM est construit et la page web est visible
// début code du test
const
elemTimer = document.querySelector('#timer'),
elemTimerFr = document.querySelector('#timerFr');
function augmenterMonde() {
populationActuelleMondiale += 1;
elemTimer.textContent = Math.round(populationActuelleMondiale);
}
function augmenterFr() {
populationActuelleFr += 0.02;
elemTimerFr.textContent = Math.round(populationActuelleFr);
}
setInterval(augmenterMonde, 1000 / 2.7);
setInterval(augmenterFr, 1000);
// fin code du test
}, {
capture: false,
passive: true,
once: false
});
var numeroAnnee = 0;
var maintenant = new Date(); //date d'aujourd'hui
var jour = maintenant.getDate(); //jour
var mois = maintenant.getMonth() + 1; //mois
var an = maintenant.getFullYear(); // année
if (an === 2019) {
populationActuelleMondiale = populationJanvierMondiale + (nbNaissanceJourMonde * getQuantieme()); //On calcule la population de la journée par rapport au 1er janvier 2019
populationActuelleFr = populationJanvierFr + (nbNaissanceJourFr * getQuantieme()); //pareil mais pour la population frnaçaise
} else if (an % 4 === 0 || an % 100 === 0 && an % 400 === 0) //si c'est une année bissextile
{
if (jour > 28 && mois >= 2) //si on passe au 29 février d'une année bissextile on rajoutera 366 jours par rapport à l'année précédente
{
numeroAnnee = (an - 2019);
//on prend comme année 0 : 2019
populationActuelleMondiale = populationJanvierMondiale + (nbNaissanceJourMonde * (getQuantieme() + (366 ** numeroAnnee))); //On calcule la population de la journée par rapport au 1er janvier 2019
populationActuelleFr = populationJanvierFr + (nbNaissanceJourFr * (getQuantieme() + (366 ** numeroAnnee)));
} else //si on est avant le 29 février d'une année bissextile
{
numeroAnnee = (an - 2019);
populationActuelleMondiale = populationJanvierMondiale + (nbNaissanceJourMonde * (getQuantieme() + (365 ** numeroAnnee)));
populationActuelleFr = populationJanvierFr + (nbNaissanceJourFr * (getQuantieme() + (365 ** numeroAnnee)));
}
} else {
numeroAnnee = (an - 2019);
populationActuelleMondiale = populationJanvierMondiale + (nbNaissanceJourMonde * (getQuantieme() + (365 ** numeroAnnee))); //On calcule la population de la journée par rapport au 1er janvier 2019
populationActuelleFr = populationJanvierFr + (nbNaissanceJourFr * (getQuantieme() + (365 ** numeroAnnee)));
}
</script>
<p id="timer"> 0 </p>
Population française || French population || Franse bevolking
<p id="timerFr"> 0 </p>
</body>
<script>
var maintenant=new Date(); //date d'aujourd'hui
var jour=maintenant.getDate(); //jour
var mois=maintenant.getMonth()+1; //mois
var an=maintenant.getFullYear(); // année
document.write("Nous sommes le ",jour,"/",mois,"/",an); //en français
document.write(" || Today is ",jour,"/",mois,"/",an) ; //en anglais
document.write(" || Vandaag is het ", jour,"/",mois,"/",an) // en néerlandais
</script> |
Compteur en javascript (Affichage sur une page html)
Répondre avec citation
Envoyé par marine.a
Partager