L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122568 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     Les autres
     Votre site ici ?


Horloge à la poursuite du curseur

Script posté par :

soundlight1 - (Site : MUSICANIM - Conception Evénementielle)
Vous aussi, postez vos scripts en cliquant ici.


Description

Une horloge affichant le jour la date et l'heure sympa non et tout cela en suivant la souris ....


Compatibilité :

 FireFox : Incompatible
 Mozilla : Incompatible
 Netscape Navigator : Incompatible
 Internet Explorer : 4 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 14/01/2005
Dernière modif : -
Visites de la page : 47580
Envois par mail : 1084


Exemple :

Vous devez voir l'horloge non ?



Le code :

Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De thedeviltogta - le 19-01-2005
Hello ! script nikel !! Je le trouve très bien et assez discret, même si parfois avoir l'heure ne peut servir a rien car on la en bas a droite avec windows ;) sinon super, je vous le conseil car je l'ai moi même installé !
De Hermikel - le 23-07-2005
Joli Script :)
Mais je suis pas sur de l'utiliser car en effet suffit de regarder en bas à droite pour voir lheure ;) :)
De xxx-sa-xxx - le 16-01-2006
moi je sui ac firefox et je le voi pa est ce normal?
De Rem44 - le 17-02-2006
xxx-a-xxx c'est écrit en haut:
Mozilla FireFox : Incompatible ;)
De Douk - le 09-03-2007
Dommage que ce soit incompatible avec Firefox :s
De dj-jason - le 05-09-2007
Slt c'est cool mis ou je peux mettre ce code avec ce logiciels pour mon site : LMSOFT Web Creator 4

Meri d'avance
De coolabdou - le 16-03-2009
wé c vraiement cool
De scorpio63000 - le 18-04-2009
Voici quelque chose pour firefox que je vien de faire

pour l'horloge faut l'ajouté le calcule sinus cosinus n'est pas bon, faut décalé de x Pi

<style type="text/css" media="all">
body{
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif
}
.date {
position:absolute;
z-index:999;
margin:20px 0 0 20px;
background-color:transparent;
width:160px;
height:160px;
}
.date span{
position:absolute;
font-size:10px;
font-weight:bold;
color:#f0f0f0;
}
</style>
<script type="text/javascript">
// <![CDATA[
if (window.addEventListener){
window.addEventListener("load", addOnLoad, true);
} else if (window.attachEvent) {
window.attachEvent("onload", addOnLoad);
}

var el = null;
var time = [];

function addOnLoad(){
el = document.createElement('div');
el.className = 'date';
document.body.appendChild(el);

rot = document.createElement('div');
el.appendChild(rot);

for(var i = 1; i <= 12; i++){
var a = -(((i / 6) * Math.PI) + (Math.PI * 3));

var span = document.createElement('span');
span.innerHTML = i;
span.style.top = 75 + (40 * Math.cos(a)) + 'px';
span.style.left = 75 + (40 * Math.sin(a)) + 'px';
el.appendChild(span);
}

for(var i = 0; i < 3; i++){
time[i] = [];
for(var j = 0; j < (i + 3); j++){
var span = document.createElement('span');
span.innerHTML = '.';
el.appendChild(span);

time[i].push(span);
}
}

document.onmousemove = moveDate;
window.setInterval(showDate, 1000);
}
function showDate(){
var date = new Date();
var c = [];
c.push(-((date.getHours() * .5) / 12) * (Math.PI * 2));
c.push((date.getMinutes() / 60) * (Math.PI * 2));
c.push(-(date.getSeconds() / 60) * (Math.PI * 2));


for(var i = 0; i < 3; i++){
for(var j = 0; j < time[i].length; j++){
time[i][j].style.top = 75 + ((j * 7) * Math.cos(c[i])) + 'px';
time[i][j].style.left = 75 + ((j * 7) * Math.sin(c[i])) + 'px';
}
}

var str = date.toLocaleDateString();
rot.innerHTML = '';

for(var i = 0; i < str.length; i++){
var b = (i / str.length) * (Math.PI * 2) + ((date.getSeconds() / 60) * Math.PI);
var l = str.slice(i, i + 1);

var span = document.createElement('span');
span.innerHTML = l;

span.style.left = 75 + 60 * Math.cos(b) + 'px';
span.style.top = 75 + 60 * Math.sin(b) + 'px';

rot.appendChild(span);
}
}

function moveDate(e){
var x = null;
var y = null;

if(e){
x = e.clientX;
y = e.clientY;
}else if(event){
x = event.x;
y = event.y;
}

el.style.left = x + 'px';
el.style.top = y + 'px';
}
// ]]>
</script>

De mamyrasta - le 20-10-2011
comment mettre l'horloge au bout du curseur?
Merci
De mamyrasta - le 29-01-2012
comment la mettre sur mon ordi
merci

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
InkClub.com
Votre premiere cartouche d'encre gratuite, les autres a des prix tres interessants !
http://www.inkclub.fr
Cat : Hardware
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65967 membres
4649 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40359 topics
191688 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 09:29:55 | Design by | Gen. en 0.488 sec.