HTML - Compte à rebours

-

Créer un compte à rebours simple en html

Avant tout de chose, je ne suis pas développeur web, ici j'utilise un design minimaliste car c'était pour l'intégrer dans un tableau de bord avec la possibilité d'utiliser des Widgets avec du HTML uniquement.
Aperçu :


Code source :

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: #0067B8;}


* {
  text-align: center;
  font-size: 16px;
  margin-top:0px;
  color: white;
}
p {
  text-align: center;
  font-size: 32px;
  margin-top:0px;
  color: white;
}
</style>
</head>

<body>
<H1>La Fin de service des versions de Windows 10</H1>
Windows 10 version 1909
<div id="Compte8"></div>
Windows 10 version 1903
<div id="Compte7"></div>
Windows 10 version 1809
<div id="Compte6"></div>
Windows 10 version 1803
<div id="Compte5"></div>
Windows 10, version 1709
<div id="Compte4"></div>
Windows 10 version 1703
<div id="Compte3"></div>
Windows 10 version 1607
<div id="Compte2"></div>
Windows 10 version 1511
<div id="Compte1"></div>
Windows 10, disponible en juillet 2015 (version 1507)
<div id="Compte0"></div>

<p><em>Les &eacute;ditions Entreprise et &Eacute;ducation des versions 1511, 1607, 1703 et 1709 b&eacute;n&eacute;ficieront d'une p&eacute;riode de 6 mois de service suppl&eacute;mentaire apr&egrave;s la date de fin du service.<br>Remarque : les fonctionnalit&eacute;s incluses dans une mise &agrave; jour ne fonctionnent pas forc&eacute;ment sur tous les appareils. Il arrive qu'un appareil ne puisse pas recevoir de mises &agrave; jour, notamment si son mat&eacute;riel n'est pas compatible, s'il ne dispose pas des derniers pilotes, ou s'il a d&eacute;pass&eacute; la p&eacute;riode de support du fabricant d'ordinateurs OEM. </em></p>

<script>
function Rebour(id_html, date_rebour) {
    var date1 = new Date();
    var date2 = new Date(date_rebour);
    var sec = (date2 - date1) / 1000;
    var n = 24 * 3600;
    if (sec > 0) {
        j = Math.floor(sec / n);
        h = Math.floor((sec - (j * n)) / 3600);
        mn = Math.floor((sec - ((j * n + h * 3600))) / 60);
        sec = Math.floor(sec - ((j * n + h * 3600 + mn * 60)));
        document.getElementById(id_html).innerHTML = "Dans " + j + " j " + h + " h " + mn + " min " + sec + " s ";
        window.status = "Dans " + j + " j " + h + " h " + mn + " min " + sec + " s ";
    }
    else {
      document.getElementById(id_html).innerHTML = "Fin du support";
        window.status = "Fin du support";
        }
        
    
    tRebour = setTimeout(function() {
        Rebour(id_html, date_rebour);
    }, 1000);
}
Rebour('Compte0', 'May 9 00:00:00 2017');
Rebour('Compte1', 'Oct 10 00:OO:00 2017');
Rebour('Compte2', 'Apr 9 00:30:00 2019');
Rebour('Compte3', 'Oct 8 00:00:00 2019');
Rebour('Compte4', 'Oct 13 00:00:00 2020');
Rebour('Compte5', 'Nov 10 00:00:00 2020');
Rebour('Compte6', 'May 11 00:00:00 2021');
Rebour('Compte7', 'DEC 8 00:00:00 2020');
Rebour('Compte8', 'May 10 00:00:00 2022');
</script>

</body>
</html>

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Powershell - Supprimer Teams sur l'ensemble des profils utilisateurs

-
Même si Microsoft Teams propose une version MSI de son programme, il ne sert que de source local d'installation, et l'installation se retrouve sur chaque profile. Donc voici un petit script que je vous partage pour retirer sur un poste teams sur l'ensemble du poste. function unInstallTeams ( $path ) { $clientInstaller = " $( $path ) \Update.exe " try { $process = Start-Process -FilePath " $clientInstaller " -ArgumentList " --uninstall /s " -PassThru -Wait -ErrorAction STOP if ( $process . ExitCode -ne 0 ) { Write-Error " UnInstallation failed with exit code $( $process . ExitCode ) . " } } catch { Write-Error $_ . Exception . Message } } # Remove Teams Machine-Wide Installer Write-Host " Removing Teams Machine-wide Installer " -ForegroundColor Yellow $MachineWide = Get-WmiObject -Class Win32_Product | Where-Object {...
Lire la suite

Powershell - Comment tester les ports TCP ?

-
Image
  Et si on se passait de telnet ? Il est courant de vouloir savoir si un port spécifique est ouvert ou fermé sur un équipement réseau, pour ouvrir les ports depuis son firewall. Et souvent, je peux encore voir par-ci et par-là qu'il utilise encore Telnet. Et si on s'en passait ? Via un site internet Ici, nous sommes dans le cas où nous voudrions savoir si les ports de notre serveur en DMZ *. Et quoi de mieux qu'un site externe qui va tester pour nous notre serveur à distance. https://www.yougetsignal.com/tools/open-ports/  est l'un des nombreux sites qui propose ce service Via une simple recherche sur un moteur de recherche on peut trouver d'autre site qui vous proposera la même chose par exemple sur Duckduckgo via la recherche Open Port Check Tool Tester la connection via un port avec PowerShell Il y a deux solutions ici, la première est d'utiliser la fonction " Test-NetConnection " du module NetTCPIP qui est di...
Lire la suite

MRemoteNG - Voir les mots de passe dans l'application

-
Image
MRemoteNG est une application Client RDP qui propose plusieurs onglets pour réduire l’encombrement des fenêtres. Il est un logiciel libre, Open Source et sous licence GPL. Le but est d’avoir un lieu central pour stocker toutes vos connexions et d’y accéder dans une même fenêtre. Il me permet au quotidien de me faciliter mon organisation et maintenir mes connexions. Il supporte l’importation de connexions à partir d’Active Directory. Il fournit la fonctionnalité « Quick Connect » qui permet d’ouvrir rapidement une connexion sans créer une entrée. J’utilise tous les jours dans mon boulot (admin système). Cette version supporte les protocoles suivants : RDP (Remote Desktop/Terminal Server) VNC (Virtual Network Computing) ICA (Citrix Independent Computing Architecture) SSH (Secure Shell) Telnet (TELecommunication NETwork) HTTP/HTTPS (Hypertext Transfer Protocol) rlogin Raw Socket Connections Pour moi, c’est un indispensable . Voir les mots de passe mRemoteNG Vous avez u...
Lire la suite