Bonjour,F$B33 a écrit : ↑17 févr. 2016, 22:13J'utilise ce code html :Bebel27 a écrit :Comment faite vous pour mettre l'heure ?
À insérer à l'aide d'un iframe.Code : Tout sélectionner
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="robots" content="noindex,follow" /> <link rel="canonical" href="http://www.zeitverschiebung.net/fr/" /> <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400' rel='stylesheet' type='text/css' /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <style type="text/css"> html { font-family: 'Ubuntu', Arial, sans-serif; font-weight: normal; } div.clock { width: 100%; text-align: center; } div.clock { color: white; font-size: 18px; font-weight: normal; text-decoration: none; } div.clock a:hover { text-decoration: underline; } div.clock div.date { color: white; font-size: 1.5em; margin: 8px 0; } div.clock div.time { font-size: 3em; font-weight: 200; } div.clock div.time span { border-radius: 5px; padding: 1px 4px 3px 4px; color: #fff; /* fallback */ background: #000; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#000)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #555, #000); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #555, #000); /* IE 10 */ background: -ms-linear-gradient(top, #555, #000); /* Opera 11.10+ */ background: -o-linear-gradient(top, #555, #000); } div.clock div.time strong { font-weight: 100; font-size: 1em; margin-left: 5px; color: #666; } </style> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-378139-21']); _gaq.push(['_gat._anonymizeIp']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script');ga.type = 'text/javascript';ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <div class="clock" id="clock"> <div class="date"></div> <div class="time"></div> </div> <script type="text/javascript"><!-- $(document).ready(function() { $("div#clock").simpleClock(1); }); //***** SIMPLECLOCK PLUGIN http://ticktoo.com/blog/35-simpleClock+-+jQuery+Plugin *****/ (function ($) { $.fn.simpleClock = function ( utc_offset ) { // Aktuelle Sprache ermitteln var language = "fr"; // Tage & Monate in jeweiliger Landessprache switch (language) { case "de": var weekdays = ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."]; var months = ["Jan.", "Feb.", "Mär.", "Apr.", "Mai", "Juni", "Juli", "Aug.", "Sep.", "Okt.", "Nov.", "Dez."]; break; case "es": var weekdays = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"]; var months = ["Ene", "Feb", "Mar", "Abr", "Mayo", "Jun", "Jul", "Ago", "Sept", "Oct", "Nov", "Dic"]; break; case "fr": var weekdays = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]; var months = ["Jan", "Fév", "Mars", "Avr", "Mai", "Juin", "Juil", "Août", "Sept", "Oct", "Nov", "Déc"]; break; default: // "en" -> Standard: Englisch var weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; var months = ["Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec"]; break; } var clock = this; // getTime - Where the magic happens ... function getTime() { var date = new Date(); var nowUTC = date.getTime() + date.getTimezoneOffset()*60*1000; // alert( nowUTC +' vs. '+ date.getTime() ); // Zeitverschiebung addieren/subtrahieren: X STD * 60 Min. * 60 Sek. * 1000 Millisek. date.setTime( nowUTC + (utc_offset*60*60*1000) ); var hour = date.getHours(); ///// AM, PM für Language "en" if ( language == "en" ) { //it is pm if hours from 12 onwards suffix = (hour >= 12)? 'p.m.' : 'a.m.'; //only -12 from hours if it is greater than 12 (if not back at mid night) hour = (hour > 12)? hour -12 : hour; //if 00 then it is 12 am hour = (hour == '00')? 12 : hour; } return { day: weekdays[date.getDay()], date: date.getDate(), month: months[date.getMonth()], year: date.getFullYear(), hour: appendZero(hour), minute: appendZero(date.getMinutes()), second: appendZero(date.getSeconds()) }; } // appendZero - If the number is less than 10, add a leading zero. function appendZero(num) { if (num < 10) { return "0" + num; } return num; } // refreshTime - Build the clock. function refreshTime(clock_id) { var now = getTime(); clock = $.find('#'+clock_id); $(clock).find('.date').html(now.day + ', ' + now.date + '. ' + now.month + ' ' + now.year); $(clock).find('.time').html("<span class='hour'>" + now.hour + "</span>:<span class='minute'>" + now.minute + "</span>:<span class='second'>" + now.second + "</span>"); if ( typeof(suffix) != "undefined") { // am oder pm ? $(clock).find('.time').append('<strong>'+ suffix +'</strong>'); } } // Get individual clock_id var clock_id = $(this).attr('id'); // Tick tock - Run the clock. refreshTime(clock_id); setInterval( function() { refreshTime(clock_id) }, 1000); }; })(jQuery); //--></script> </body> </html>
Tout d'abord, félicitations pour ce design qui a l'air d'en inspirer plus d'un (dont moi !)
J'ai inséré ce code mais tel quel il m'affiche une heure de moins que ce qu'il faudrait.
Qu'est-ce qu'il y a à corriger pour que ça fonctionne ?
Merci
.
, du coup je partage.
