script date+heure

script date+heure - HTML/CSS - Programmation

Marsh Posté le 12-06-2004 à 18:02:10    

salut tt le monde :hello:  
j'ai trouver un script pour afficher la date et leur sur mon site mais le probléme et que le texte est en noir et que mon fond aussi du coup elle est illisible.de plus je n'est pas trouver le code couleur dans le script donc je ne peut pas la changer.
quelqu'un à t'il une adresse ou je peut trouver un script de se genre mais en pouvant changer la couleur? :bounce:  
merci d'avance  :jap:


---------------
Sniper
Reply

Marsh Posté le 12-06-2004 à 18:02:10   

Reply

Marsh Posté le 13-06-2004 à 00:40:21    

peut etre que tu peux envoyer le code pour qu on regarde..

Reply

Marsh Posté le 13-06-2004 à 01:38:22    

le script est:
 
Entre <BODY> et </BODY> :
 
<SCRIPT LANGUAGE="JavaScript">
<!--
/*Script téléchargé sur EasyScript (www.easy-script.com)*/
var today;
today = new Date();
document.write("Nous sommes le ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear())
document.write(", Il est ",today.getHours(),"h",today.getMinutes());
 
//-->
</SCRIPT>  


---------------
Sniper
Reply

Marsh Posté le 13-06-2004 à 03:48:16    

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--
  3. var today;
  4. today = new Date();
  5. document.write("<font color=\"white\">Nous sommes le ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear())
  6. document.write(", Il est ",today.getHours(),"h",today.getMinutes(),"</font>" );
  8. //-->
  9. </SCRIPT>


Message édité par T509 le 13-06-2004 à 03:48:45

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 13-06-2004 à 11:52:42    

c'est bon merci!


---------------
Sniper
Reply

Marsh Posté le 13-06-2004 à 12:33:36    

Salut,
 
pour les minutes il n'y a qu'un chiffre . Ne pourrait on pas avoir la possibilité de mettre les 2 ?

Reply

Marsh Posté le 13-06-2004 à 12:48:03    

oué c'est vrais que sa serai mieu mais moi je sais pas commen fair...


---------------
Sniper
Reply

Marsh Posté le 13-06-2004 à 13:18:19    

tiens moi j'ai trouvé celui-ci. esaayes et tu me diras si ca te convient
 
<html>
 
<head>
<script language="JavaScript" type="text/javascript">
<!--
var timerID = null;
var timerActif = false;
var tabMois = new Array('Janvier','Fevrier','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Decembre');
var tabJour = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
function stopClock() {
  if (timerActif) clearTimeout(timerID);
  timerActif = false;
  }
function startClock() {
  stopClock();
  showtime();
  }
function showtime() {
  var now = new Date();
  var dayOfWeek = now.getDay();
  var day = now.getDate();
  var month = now.getMonth();
  var year = now.getFullYear();
  var hour = now.getHours();
  var min = now.getMinutes();
  var sec = now.getSeconds();
var heure = "Nous sommes le " + tabJour[dayOfWeek] + " " + day + " " + tabMois[month] + " " + year + ", il est ";
  heure += (hour > 9? hour:"0" + hour);
  heure += ":" + (min > 9? min:"0" + min);
  heure += ":" + (sec > 9? sec:"0" + sec);
document.Clock.Heure.value = heure;
timerID = setTimeout("showtime()",400);
  timerActif = true;
  }
  //-->
  </script>
</head>
 
<body B class=spip onLoad="startClock()"</B>
<form name="Clock">
<input type="text" name="Heure" size="60" style="text-align: center;background-color:#FFFFCC;color:#000080">
</form>
 
 
</html>

Reply

Marsh Posté le 14-06-2004 à 10:24:59    

Si tu veux un affichage qui s'incrémente tout seul, voici un chronomètre dont tu peux t'inspirer
 

Code :
  1. <html><head>
  3. <script language="JavaScript" type="text/javascript">
  4. function lib_bwcheck(){ //Browsercheck (needed)
  5. this.ver=navigator.appVersion
  6. this.agent=navigator.userAgent
  7. this.dom=document.getElementById?1:0
  8. this.opera5=(navigator.userAgent.indexOf("Opera" )>-1 && document.getElementById)?1:0
  9. this.ie5=(this.ver.indexOf("MSIE 5" )>-1 && this.dom && !this.opera5)?1:0;
  10. this.ie6=(this.ver.indexOf("MSIE 6" )>-1 && this.dom && !this.opera5)?1:0;
  11. this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
  12. this.ie=this.ie4||this.ie5||this.ie6
  13. this.mac=this.agent.indexOf("Mac" )>-1
  14. this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  15. this.ns4=(document.layers && !this.dom)?1:0;
  16. this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
  17. return this
  18. }
  19. var bw=lib_bwcheck()
  20. if(document.layers){ //NS4 resize fix...
  21. scrX= innerWidth; scrY= innerHeight;
  22. onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
  23. }
  27. //ChangeText object constructor.
  28. function makeChangeTextObj(obj){
  29.     this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
  30.     this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
  31. this.writeIt = b_writeIt;
  32. }
  33. function b_writeIt(text,num){
  34. if (bw.ns4){
  35.  this.writeref.write(text)
  36.  this.writeref.close()
  37. }
  38.     else this.writeref.innerHTML = temps[num]
  39. }
  41. //The mouoseover function. Calls the writeIt method to write the text to the div.
  42. function changeText(bloc,num){
  43. if(bw.bw) bloc.writeIt('temps[num]', num)
  44. }
  46. //The init function. Calls the object constructor and initiates some properties.
  47. function changeTextInit(){
  48. //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
  49. bw.opera5 = (navigator.userAgent.indexOf("Opera" )>-1 && document.getElementById)?true:false
  50. if (bw.opera5) bw.ns6 = 0
  52. secondes = new makeChangeTextObj('spanSecondes')
  53. minutes = new makeChangeTextObj('spanMinutes')
  54. heures = new makeChangeTextObj('spanHeures')
  55. jours = new makeChangeTextObj('spanJours')
  56. titre = new makeChangeTextObj('spanTitre')
  57. changeText(jours,3)
  58. changeText(heures,2)
  59. changeText(minutes,1)
  60. changeText(secondes,0)
  61. if(temps[4]==0){changeText(titre,5)}
  62. else{changeText(titre,6)}
  63. if(temps[4]==0){rebours()}
  64. else{chrono()}
  65. }
  67. function rebours() {
  68. temps[0]--
  69. if(temps[0]<0){temps[0]=59;temps[1]--}
  70. if(temps[1]<0){temps[1]=59;temps[2]--}
  71. if(temps[2]<0){temps[2]=23;temps[3]--}
  72. changeText(secondes,0)
  73. changeText(minutes,1)
  74. changeText(heures,2)
  75. changeText(jours,3)
  76. if(temps[3]==0 && temps[2]==0 && temps[1]==0 && temps[0]==0){setTimeout("chrono()", 1000)}
  77. else{setTimeout("rebours()", 1000)}
  78. }
  80. function chrono() {
  81. if(temps[4]==0){changeText(titre,6)}
  82. temps[0]++
  83. if(temps[0]>59){temps[0]=0;temps[1]++}
  84. if(temps[1]>59){temps[1]=0;temps[2]++}
  85. if(temps[2]>23){temps[2]=0;temps[3]++}
  86. changeText(secondes,0)
  87. changeText(minutes,1)
  88. changeText(heures,2)
  89. changeText(jours,3)
  90. setTimeout("chrono()", 1000)
  91. }
  93. //démarrage des compteurs
  94. temps=new Array()
  95. temps[0]=10 //secondes
  96. temps[1]=0 //minutes
  97. temps[2]=0 //heures
  98. temps[3]=0 //jours
  99. temps[4]=0 //rebours => 0 // chrono => 1
  100. temps[5]="D&Eacute;PART DANS"
  101. temps[6]="D&Eacute;PART DEPUIS"
  102.  
  103. //If the browser is ok, the init function is called on pageload.  
  104. if (bw.bw) {onload = changeTextInit}
  105. </script>
  106. </head><body>
  108. <h4><span id="spanTitre">D&Eacute;PART DEPUIS</span></h4>
  109. <span id="spanJours">0</span> jours<br><span id="spanHeures">0</span> heures<br><span id="spanMinutes">0</span> minutes<br><span id="spanSecondes">0</span> Secondes
  110. </body></html>


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 14-06-2004 à 14:48:00    

merci pour les scripts mais pour ma part celui de T509 me suffit largement!:)


---------------
Sniper
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed