klok met tekst

Status
Niet open voor verdere reacties.
A

Alcide

Gebruiker
Lid geworden
15 sep 2008
Berichten
37
Hallo,

ik ben bezig met een klok die de tijd geeft in tekst, dus bij 10.27 wordt weergegeven als tien uur zevenentwintig en 20 seconden. In mij geval wordt de tekst weergeven in chinese characters. Maar nu wil ik de Chinese tijd die uit 3 delen bestaat gaan weergeven met het dagdeel, dus niet zoals AM en PM. Maar als onderstaande. Ik ben een beginner

De ochtend gaat van 6 uur tot 12.00 uur in de middag, = shangwu
de voormiddag is van 12:00 uur tot 14.00 uur = zhongwu
en de namiddag van 14.00 uur tot 06.00 uur 's-ochtends. = xiawu

De onderstaande code gebruik ik nu
[js]
//AM or PM
if (hours>=12) {
document.getElementById("pm").style.color = "#F00";
AorP="P.M.";
hours -=12;
} else {
document.getElementById("am").style.color = "#F00";
AorP="A.M.";
}
[/js]
HTML: 
<span id="am">am</span>&nbsp;
<span id="pm">pm</span>&nbsp;
Wie kan mij hierbij helpen, alvast bedankt.
 
Laatst bewerkt door een moderator:
Ik hoop dat dit is wat je bedoeld:

[JS]
var time;
function getTime() {
var hours = new Date().getHours();
var minutes = new Date().getMinutes();
var seconds = new Date().getSeconds();
time = hours + ":" + minutes + ":" + seconds;
if (hours >= 6 && hours < 12) {
time += " shangwu";
} else if (hours >= 12 && hours < 14) {
time += " zhongwu";
} else {
time += " xiawu";
}
}
setInterval(getTime, 1000);
[/JS]
 
Laatst bewerkt:
Ik ben zo vrij geweest om even de code van mijn voorganger te gebruiken en aan te passen, ik hoop dat dit in de buurt komt

[JS]
//AM or PM
function getTime()
{
var time;

var hours = new Date().getHours();
var minutes = new Date().getMinutes();
var seconds = new Date().getSeconds();

var time = hours + ":" + minutes + ":" + seconds;

if (hours >= 6 && hours < 12) {
time += " shangwu";
} else if (hours >= 12 && hours < 14) {
time += " zhongwu";
} else {
time += " xiawu";
}

return time;
}

alert(getTime());
[/JS]
 
Martin en Marc,

bedankt voor jullie reactie/input, ik heb ik de afgelopen aan het puzzelen geweest, ik heb een soort gelijke code gebruikt, maar dan werkt de hele klok niet mee.
het script voor 12 uurs is nu AM en PM, en wordt onderin de HTML code weer weergeven

Ik heb de gehele code nu toegevoegd, wat het wellicht duidelijker maakt, de code is een combinatie van CSS, Javascript en HTML, mij kennis is nog nog niet zodanig dat dit kan toepassen. Later als de timeframe werkt, heb ik nog een andere uitdaging. Voor als nog, zou ik de morgen, middag en avond willen weergeven. Dank voor de input en jullie reacties.

=====================
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Word Clock</title>

<meta name="Description" content="time tellign by words" />
<meta name="Keywords" content="word, clock" />
<meta name="robot" content="index,follow" />
<meta name="copyright" content="" />
<meta name="author" content="" />
<meta name="language" content="Chinese" />
<meta name="revisit-after" content="30" />

<style>
body {
	font-family:"Comic Sans MS", cursive;
	font-size:24px;
	text-align:justify;
	background-color:#009;
	color:#FFF;
}

#clock {
  position:relative;
  width:627px;
}

#text {
	color:#F00;
	
}

form {
  color:#000;
}

#saturday {
	color:#FFF;
}

#wrap { 
  width:630px;
  margin:0 auto;
} /* "auto" makes the left and right margins center the wrapper */

#footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#600;
	font-size:10px;
}

a:link    { text-decoration:none; color:#FF3; }
a:hover   { text-decoration:none; color:#FFF; }
a:active  { text-decoration:none; color:#FFF; }
a:visited { text-decoration:none; color:#FF3; }

</style>

<script language="JavaScript" type="text/javascript">
<!--
function clock(lastMin, lastSec) {
  var thetime=new Date();         //Date object
  var hours=thetime.getHours();   //Hours
  var mins=thetime.getMinutes();  //Minutes
  var sec=thetime.getSeconds();   //Seconds
  var day=thetime.getDay();       //Day of the week
  var month=thetime.getMonth();   //Month
  var date=thetime.getDate();     //Day of month
  var count = 0;

  //Day of the week
  switch (day) {
    case 0:
      document.getElementById("星期日").style.color = "#F00";
      document.getElementById("星期六").style.color = "#CCC"; //Reset yesterday
      day="星期日";
      break;
    case 1:
      document.getElementById("星期一").style.color = "#F00";
      document.getElementById("星期日").style.color = "#CCC"; //Reset yesterday
      day="星期一";
      break;
    case 2:
      document.getElementById("星期二").style.color = "#F00";
      document.getElementById("星期一").style.color = "#CCC"; //Reset yesterday
      day="星期二";
      break;
    case 3:
      document.getElementById("星期三").style.color = "#F00";
      document.getElementById("星期二").style.color = "#CCC"; //Reset yesterday
      day="星期三";
      break;
    case 4:
      document.getElementById("星期四").style.color = "#F00";
      document.getElementById("星期三").style.color = "#CCC"; //Reset yesterday
      day="星期四";
      break;
    case 5:
      document.getElementById("星期五").style.color = "#F00";
      document.getElementById("星期四").style.color = "#CCC"; //Reset yesterday
      day="星期五";
      break;
    case 6:
      document.getElementById("星期六").style.color = "#F00";
      document.getElementById("星期五").style.color = "#CCC";
      day="星期六";
      break;
    default:
      break;
  }

	

  //Day of Month
  if (date < 20) {
    document.getElementById("day"+date).style.color = "#F00";	
  } else if(19 < date && date < 30) {
    count = date - 20;
    if(count > 0) {
      document.getElementById("dayTwenty").style.color = "#F00";
      document.getElementById("day"+count).style.color = "#F00";
    } else {
      document.getElementById("dayTwenty").style.color = "#F00";
    }
  } else {
    switch (date) {
      case 30:
        document.getElementById("dayThirty").style.color = "#F00";
        break;
      case 31:
        document.getElementById("dayThirty").style.color = "#F00";
        document.getElementById("day1").style.color = "#F00";
        break;
    }
  }
  
    //Month of year
  document.getElementById("month"+month).style.color = "#F00";

  //Reset previous month of year
  month -= 1;
  if(month < 0)
    month = 11;
  document.getElementById("month"+month).style.color = "#ccc";
	
[COLOR="#FF0000"]  //AM or PM
  if (hours>= 12) {
    document.getElementById("pm").style.color = "#F00";
    AorP="P.M.";
    hours -=12;
  } else {
    document.getElementById("am").style.color = "#F00";
    AorP="A.M.";
  }[/COLOR]

  //Hour of day
  document.getElementById("hour"+hours).style.color = "#F00";
  
  //Reset previous hour of day
  hours -= 1;
  if(hours < 0)
    hours = 11;
  document.getElementById("hour"+hours).style.color = "#ccc";

  //Reset last minute
  timer(lastMin, 'min', 0);
  //Set current minute
  timer(mins, 'min', 1);

  //Reset last second
  timer(lastSec, 'sec', 0);
  //Set current second
  timer(sec, 'sec', 1);

  //Rinse & Repeat
  setTimeout('clock('+mins+', '+sec+')',1000);
}

function timer(time, units, status) {
  if(status)
    colorHex = "#F00";
  else
    colorHex = "#ccc";
	
  if(time < 20) {
    document.getElementById(units+time).style.color = colorHex;
  } else {
    tens = Math.floor(time / 10) * 10;
    document.getElementById(units+tens).style.color = colorHex;
    if(time > tens) {
      count = time - tens;
      if(units == 'min')
        units += 'Tens';
      document.getElementById(units+count).style.color = colorHex;
    }
  }
}
//-->
</script>

</head>

<body onload="clock(0, 0)">
<div id="wrap">
  <div id="clock">
  
    <p><span id="text">现在</span>&nbsp;</p>
    
    <SCRIPT>
<!--
var year=new Date();
year=year.getYear();
if (year<1900) year+=1900;
document.write(year);
//-->
</SCRIPT>年
      <p>
          
        <span id="month0">一月</span>
        <span id="month1"> 二月 </span>
        <span id="month2"> 三月</span>
        <span id="month3"> 四月</span>
        <span id="month4"> 五月</span>
        <span id="month5"> 六月</span>
        <span id="month6">七月</span>
        <span id="month7">八月</span>
        <span id="month8">九月</span>
        <span id="month9">十月</span>
        <span id="month10">十一月</span>
        <span id="month11">十二月</span>&nbsp;  
    </p>
    <p>
      <span id="day10">十</span>&nbsp;
      <span id="day11">十一</span>&nbsp;
      <span id="day12">十二</span>&nbsp;
      <span id="day13">十三</span>&nbsp;
      <span id="day14">十四</span>&nbsp;
      <span id="day15">十五</span>&nbsp;
      <span id="day16">十六</span>&nbsp;
      <span id="day17">十七</span>&nbsp;
      <span id="day18">十八</span>&nbsp;
      <span id="day19">十九</span>&nbsp;<br />
      <!--<span id="day20">twentieth</span>&nbsp;-->
      <span id="dayTwenty">二十</span>&nbsp; 
      <!--<span id="day30">thirtieth</span>&nbsp;-->
      <span id="dayThirty">三十</span>&nbsp;
      <!--<span id="dayTens1">first</span>&nbsp;
      <span id="dayTens2">second</span>&nbsp;
      <span id="dayTens3">third</span>&nbsp;
      <span id="dayTens4">fourth</span>&nbsp;
      <span id="dayTens5">fifth</span>&nbsp;
      <span id="dayTens6">sixth</span>&nbsp;
      <span id="dayTens7">seventh</span>&nbsp;
      <span id="dayTens8">eighth</span>&nbsp;
      <span id="dayTens9">ninth</span>&nbsp;-->
      <span id="day1">一</span>&nbsp;
      <span id="day2">二</span>&nbsp;
      <span id="day3">三</span>&nbsp;
      <span id="day4">四</span>&nbsp;
      <span id="day5">五</span>&nbsp;
      <span id="day6">六</span>&nbsp;
      <span id="day7">七</span>&nbsp;
      <span id="day8">八</span>&nbsp;
      <span id="day9">九</span>&nbsp;  
      <span id="text">号</span>&nbsp;
        
    </p>
<p><span id="星期日">星期日 </span><span id="星期一">星期一</span><span id="星期二"> 星期二 </span><span id="星期三">星期三 </span><span id="星期四">星期四 </span><span id="星期五">星期五 </span><span id="星期六">星期六</span></p>

<p>

span>

<span id="am">am</span>&nbsp; 
<span id="pm">pm</span><br />

      <br />

      
      </span>      <span id="hour1">一点 </span>
      <span id="hour2">两点 </span>
      <span id="hour3">三点 </span>
      <span id="hour4">四点 </span>
      <span id="hour5">五点 </span>
      <span id="hour6">六点 </span>
      <span id="hour7">七点 </span>
      <span id="hour8">八点 </span>
      <span id="hour9">九点 </span>
      <span id="hour10">十点 </span>
      <span id="hour11">十一点 </span>
      <span id="hour0">十二点</span><br /><br />
      <span id="min0"></span>
      <span id="min1">零一分</span>&nbsp;
      <span id="min2">零二分</span>&nbsp;
      <span id="min3">零三分</span>&nbsp;
      <span id="min4">零四分</span>&nbsp;
      <span id="min5">零五分</span>&nbsp;
      <span id="min6">零六分</span>&nbsp;
      <span id="min7">零七分</span>&nbsp;<br />
      <span id="min8">零八分</span>&nbsp;
      <span id="min9">零九分</span>&nbsp;
      <span id="min10">十分</span>&nbsp;
      <span id="min11">十一分</span>&nbsp;
      <span id="min12">十二分</span>&nbsp;
      <span id="min13">十三分</span>&nbsp;
      <span id="min14">十四分</span>&nbsp;
      <span id="min15">一刻</span><br />
<span id="min16">十六分</span>&nbsp;
      <span id="min17">十七分</span>&nbsp;
      <span id="min18">十八分</span>&nbsp;
      <span id="min19">十九分</span>&nbsp;
      <span id="min20">二十</span>&nbsp;
      <span id="ban30">半</span>&nbsp;
      <span id="min30">三十</span>&nbsp;
      <span id="min40">四十</span>
      <span id="min45">三刻</span>
      <span id="min50">五十</span>&nbsp;
      <span id="minTens1">一分</span>&nbsp;
      <span id="minTens2">二分</span>&nbsp;
      <span id="minTens3">三分</span>&nbsp;
      <span id="minTens4">四分</span>&nbsp;
      <span id="minTens5">五分</span>&nbsp;
      <span id="minTens6">六分</span>&nbsp;
      <span id="minTens7">七分</span>&nbsp;
      <span id="minTens8">八分</span>&nbsp;
      <span id="minTens9">九分</span>&nbsp;<br />
      <span id="text"><br />和</span>&nbsp;
  
  <br />
  <span id="sec0"><br />零</span>&nbsp;
  <span id="sec20">二十</span>&nbsp;
  <span id="sec30">三十</span>&nbsp;
  <span id="sec40">四十</span>&nbsp;
  <span id="sec50">五十</span>&nbsp;
  <span id="sec1">一</span>&nbsp;
  <span id="sec2">二</span>&nbsp;
  <span id="sec3">三</span>&nbsp;
  <span id="sec4">四</span>&nbsp;
  <span id="sec5">五</span>&nbsp;
  <span id="sec6">六</span>&nbsp;
  <span id="sec7">七</span>&nbsp;
  <span id="sec8">八</span>&nbsp;
  <span id="sec9">九</span>&nbsp;
  <span id="sec10">十</span>&nbsp;
  <span id="sec11">十一</span>&nbsp;
  <span id="sec12">十二</span>&nbsp;
  <span id="sec13">十三</span>&nbsp;
  <span id="sec14">十四</span>&nbsp;
  <span id="sec15">十五</span>&nbsp;
  <span id="sec16">十六</span>&nbsp;
  <span id="sec17">十七</span>&nbsp;
  <span id="sec18">十八</span>&nbsp;
  <span id="sec19">十九</span>&nbsp;
  
  <span id="text">秒</span></p>
</div>
</div>
</body>
</html>
 
Laatst bewerkt door een moderator:
Hoi Martin,

Ja das wat ik bedoel, alleen moet in dit geval 18 uur 6 uur zij.

dank dank
 
Hoi alcide,

Dit is denk het tijdsverschil? Komt het op een nederlandse server te staan?
 
ja, komt op een nederlandse server te staan,
 
Laatst bewerkt:
Hoi martin,

ps. dit is niet het tijdsverschil wat dit is 6 uur, maar heeft met het 12 uur en 24 uurs systeem te maken. Deze klok is zoals je ziet een 12 uurs systeem.
 
Ok, heb het helemaal gereed nu ;)

Voer de volgende stappen uit, wellicht hadden andere mensen het anders gemaakt, maar dit kwam bij mij zo op

1. Stop dit in je head met <script language="text/javascript">hier de code</script>
[JS]
// Clock in text
function getTheTimeInText()
{
var time;

var hours = new Date().getHours(); // Get actual the hour
var minutes = new Date().getMinutes(); // Get the actual minute
var seconds = new Date().getSeconds(); // Get the actual seconds

// Array of hours in text
var arHour = new Array("", "een", "twee", "drie", "vier", "vijf", "zes", "zeven", "acht", "negen", "tien", "elf", "twaalf", "een", "twee", "drie", "vier", "vijf", "zes", "zeven", "acht", "negen", "tien", "elf", "twaalf"); // U can use this to have an 24 clock instead of an 12 hour "dertien", "viertien", "vijftien", "zestien", "zeventien", "achtien", "negentien", "twintig", "eenentwintig", "tweeentwintig", "drieentwintig", "vierentwintig"
// Array of minutes and seconds in text
var arMinSec= new Array("nul", "een", "twee", "drie", "vier", "vijf", "zes", "zeven", "acht", "negen", "tien", "elf", "twaalf", "dertien", "viertien", "vijftien", "zestien", "zeventien", "achtien", "negentien", "twintig", "eenentwintig", "tweeentwintig", "drieentwintig", "vierentwintig", "vijfentwintig", "zesentwintig", "zevenentwintig", "achtentwintig", "negenentwintig", "dertig", "eenendertig", "tweeendertig", "drieendertig", "vierendertig", "vijfendertig", "zesendertig", "zevenendertig", "achtendertig", "negenendertig", "veertig", "eenenveertig", "tweeenveertig", "drieenveertig", "vijfenveertig", "zesenveertig", "zevenenveertig", "achtenveertig", "negenenveertig", "vijftig", "eenenvijftig", "tweeenvijftig", "drieenvijftig", "vierenvijftig", "zesenvijftig", "zevenvijftig", "achtenvijftig", "negenenvijftig", "zestig");

hourTxt = arHour[hours]; // Get the text of hour
minuTxt = arMinSec[minutes]; // Get the text of minute
secoTxt = arMinSec[seconds]; // Get the text of seconds

// Calculate the stamp morning/afternoon/evening and translated to chinese
if (hours >= 6 && hours < 12) {
stamp = " shangwu";
} else if (hours >= 12 && hours < 14) {
stamp = " zhongwu";
} else {
stamp = " xiawu";
}

var theTimeInText = hourTxt+' uur '+minuTxt+' en '+secoTxt+' seconden '+stamp;

// Show the time!
document.getElementById("showTheTime").innerHTML = theTimeInText;

}
[/JS]

2. Je body tag
Wijzig dit naar <body onload="getTheTimeInText();">

3. Div plaatsen
Plaats deze code op een plek op je website waar jij de textuele klok wilt hebben
HTML: 
<div id="showTheTime"></div>

Mocht je nog vragen hebben dan hoor ik het graag van je
 
Hoi Martin, dit is ook leuk en werkt prima. Ik ga nu de tekst vertalen naar de chinese characters. Mijn dank is groot.

Ik wilde een beetje door borduren op de code die ik nu had, dus dat am en pm zoals het nu is, uit 3 delen bestaat, dus shang wu, zong wu en xia wu. Nu heb ik de bestaande code alleen shang wu en xia wu, ik wil hier eigenlijk tussen in hebben zong wu. Als je zin en tijd hebt, zou ik het leuk vinden om dat op die manier zichtbaar te maken. Ik heb code zoals ik hem zou willen hebben er in geplakt, en in het HTML gedeelte de 3 time frames in het chinees erbij gezet.
Nu kom ik er alleen niet uit, om die koppeling te maken voor het 2e dag deel(zhong wu).

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Word Clock</title>

<meta name="Description" content="The Java Clock shows the date and time by using words." />
<meta name="Keywords" content="word, clock, date, time, java, css" />
<meta name="robot" content="index,follow" />
<meta name="copyright" content="" />
<meta name="author" content="" />
<meta name="language" content="Chinese" />
<meta name="revisit-after" content="30" />

<style>
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	text-align:justify;
	background-color:#009;
	color:#CCC;
}

#clock {
  position:relative;
  width:627px;
}

#text {
	color:#F00;
	
}

form {
  color:#000;
}

#saturday {
	color:#FFF;
}

#wrap { 
  width:630px;
  margin:0 auto;
} /* "auto" makes the left and right margins center the wrapper */

#footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#600;
	font-size:10px;
}

a:link    { text-decoration:none; color:#FF3; }
a:hover   { text-decoration:none; color:#FFF; }
a:active  { text-decoration:none; color:#FFF; }
a:visited { text-decoration:none; color:#FF3; }

</style>

<script language="JavaScript" type="text/javascript">
<!--
function clock(lastMin, lastSec) {
  var thetime=new Date();         //Date object
  var hours=thetime.getHours();   //Hours
  var mins=thetime.getMinutes();  //Minutes
  var sec=thetime.getSeconds();   //Seconds
  var day=thetime.getDay();       //Day of the week
  var month=thetime.getMonth();   //Month
  var date=thetime.getDate();     //Day of month
  var count = 0;

  //Day of the week
  switch (day) {
    case 0:
      document.getElementById("星期日").style.color = "#f00";
      document.getElementById("星期六").style.color = "#ccc"; //Reset yesterday
      day="星期日";
      break;
    case 1:
      document.getElementById("星期一").style.color = "#F00";
      document.getElementById("星期日").style.color = "#ccc"; //Reset yesterday
      day="星期一";
      break;
    case 2:
      document.getElementById("星期二").style.color = "#F00";
      document.getElementById("星期一").style.color = "#ccc"; //Reset yesterday
      day="星期二";
      break;
    case 3:
      document.getElementById("星期三").style.color = "#F00";
      document.getElementById("星期二").style.color = "#ccc"; //Reset yesterday
      day="星期三";
      break;
    case 4:
      document.getElementById("星期四").style.color = "#F00";
      document.getElementById("星期三").style.color = "#ccc"; //Reset yesterday
      day="星期四";
      break;
    case 5:
      document.getElementById("星期五").style.color = "#F00";
      document.getElementById("星期四").style.color = "#ccc"; //Reset yesterday
      day="星期五";
      break;
    case 6:
      document.getElementById("星期六").style.color = "#F00";
      document.getElementById("星期五").style.color = "#ccc";
      day="星期六";
      break;
    default:
      break;
  }

	

  //Day of Month
  if (date < 20) {
    document.getElementById("day"+date).style.color = "#F00";	
  } else if(19 < date && date < 30) {
    count = date - 20;
    if(count > 0) {
      document.getElementById("dayTwenty").style.color = "#F00";
      document.getElementById("dayTens"+count).style.color = "#F00";
    } else {
      document.getElementById("dayTwenty").style.color = "#F00";
    }
  } else {
    switch (date) {
      case 30:
        document.getElementById("dayThirty").style.color = "#F00";
        break;
      case 31:
        document.getElementById("dayThirty").style.color = "#F00";
        document.getElementById("day1").style.color = "#F00";
        break;
    }
  }

  //Month of year
  document.getElementById("month"+month).style.color = "#F00";

  //Reset previous month of year
  month -= 1;
  if(month < 0)
    month = 11;
  document.getElementById("month"+month).style.color = "#ccc";
		
  //AM or PM
  if (hours>=12) {
    document.getElementById("xiawu").style.color = "#F00";
    AorP="P.M.";
    hours -=12;
  } else {
    document.getElementById("shangwu").style.color = "#F00";
    AorP="A.M.";
  }

  //Hour of day
  document.getElementById("hour"+hours).style.color = "#F00";
  
  //Reset previous hour of day
  hours -= 1;
  if(hours < 0)
    hours = 11;
  document.getElementById("hour"+hours).style.color = "#ccc";

  //Reset last minute
  timer(lastMin, 'min', 0);
  //Set current minute
  timer(mins, 'min', 1);

  //Reset last second
  timer(lastSec, 'sec', 0);
  //Set current second
  timer(sec, 'sec', 1);

  //Rinse & Repeat
  setTimeout('clock('+mins+', '+sec+')',1000);
}

function timer(time, units, status) {
  if(status)
    colorHex = "#F00";
  else
    colorHex = "#ccc";
	
  if(time < 20) {
    document.getElementById(units+time).style.color = colorHex;
  } else {
    tens = Math.floor(time / 10) * 10;
    document.getElementById(units+tens).style.color = colorHex;
    if(time > tens) {
      count = time - tens;
      if(units == 'min')
        units += 'Tens';
      document.getElementById(units+count).style.color = colorHex;
    }
  }
}
//-->
</script>

</head>

<body onload="clock(0, 0)">
<div id="wrap">
  <div id="clock">
  
    <p><span id="text">现在</span>&nbsp;</p>
    <p>
      
      <span id="month0">一月</span><span id="month1"> 二月</span><span id="month2">三月 </span><span id="month3">四月 </span><span id="month4">五月 </span><span id="month5">六月 </span><span id="month6">七月 </span><span id="month7">八月 </span><span id="month8">九月</span><span id="month9">十月 </span><span id="month10">十一月 </span><span id="month11">十二月</span>&nbsp;
        
</p>
    <p>
      <span id="day10">十</span>&nbsp;
      <span id="day11">十一</span>&nbsp;
      <span id="day12">十二</span>&nbsp;
      <span id="day13">十三</span>&nbsp;
      <span id="day14">十四</span>&nbsp;
      <span id="day15">十五</span>&nbsp;
      <span id="day16">十六</span>&nbsp;
      <span id="day17">十七</span>&nbsp;
      <span id="day18">十八</span>&nbsp;
      <span id="day19">十九</span>&nbsp;
      <!--<span id="day20">twentieth</span>&nbsp;-->
      <span id="dayTwenty">二十</span>&nbsp; 
      <!--<span id="day30">thirtieth</span>&nbsp;-->
      <span id="dayThirty">三十</span>&nbsp;
      <!--<span id="dayTens1">first</span>&nbsp;
      <span id="dayTens2">second</span>&nbsp;
      <span id="dayTens3">third</span>&nbsp;
      <span id="dayTens4">fourth</span>&nbsp;
      <span id="dayTens5">fifth</span>&nbsp;
      <span id="dayTens6">sixth</span>&nbsp;
      <span id="dayTens7">seventh</span>&nbsp;
      <span id="dayTens8">eighth</span>&nbsp;
      <span id="dayTens9">ninth</span>&nbsp;-->
      <span id="day1">一</span>&nbsp;
      <span id="day2">二</span>&nbsp;
      <span id="day3">三</span>&nbsp;
      <span id="day4">四</span>&nbsp;
      <span id="day5">五</span>&nbsp;
      <span id="day6">六</span>&nbsp;
      <span id="day7">七</span>&nbsp;
      <span id="day8">八</span>&nbsp;
      <span id="day9">九</span>&nbsp;  
      <span id="text">号</span>&nbsp;
        
    </p>
<p><span id="星期日">星期日 </span><span id="星期一">星期一</span><span id="星期二"> 星期二 </span><span id="星期三">星期三 </span><span id="星期四">星期四 </span><span id="星期五">星期五 </span><span id="星期六">星期六</span></p>
<p><span>
	<span id="shangwu">shang wu</span>&nbsp;
    <span id="zhongwu">zhong wu</span>&nbsp;
    <span id="xiawu">xia wu</span><br />
      <br />
        </span>
      <span id="hour1">一点 </span>
      <span id="hour2">两点 </span>
      <span id="hour3">三点 </span>
      <span id="hour4">四点 </span>
      <span id="hour5">五点 </span>
      <span id="hour6">六点 </span>
      <span id="hour7">七点 </span>
      <span id="hour8">八点 </span>
      <span id="hour9">九点 </span><br />
      <span id="hour10">十点 </span>
      <span id="hour11">十一点 </span>
      <span id="hour0">十二点</span><br /><br />
      <span id="min0"></span>
      <span id="min1">零一分</span>&nbsp;
      <span id="min2">零二分</span>&nbsp;
      <span id="min3">零三分</span>&nbsp;
      <span id="min4">零四分</span>&nbsp;
      <span id="min5">零五分</span>&nbsp;
      <span id="min6">零六分</span>&nbsp;
      <span id="min7">零七分</span>&nbsp;
      <span id="min8">零八分</span>&nbsp;
      <span id="min9">零十分</span>&nbsp;
      <span id="min10">十分</span>&nbsp;
      <span id="min11">十一分</span>&nbsp;
      <span id="min12">十二分</span>&nbsp;
      <span id="min13">十三分</span>&nbsp;
      <span id="min14">十四分</span>&nbsp;<br />
      <span id="min15">一刻</span>&nbsp;
      <span id="min16">十六分</span>&nbsp;
      <span id="min17">十七分</span>&nbsp;
      <span id="min18">十八分</span>&nbsp;
      <span id="min19">十九分</span>&nbsp;
      <span id="min20">二十</span>&nbsp;
      <span id="min30">三十</span>&nbsp;
      <span id="min40">四十</span><br />
      <span id="min50">五十</span>&nbsp;
      <span id="minTens1">一分</span>&nbsp;
      <span id="minTens2">二分</span>&nbsp;
      <span id="minTens3">三分</span>&nbsp;
      <span id="minTens4">四分</span>&nbsp;
      <span id="minTens5">五分</span>&nbsp;
      <span id="minTens6">六分</span>&nbsp;
      <span id="minTens7">七分</span>&nbsp;
      <span id="minTens8">八分</span>&nbsp;
      <span id="minTens9">九分</span>&nbsp;<br />
      <span id="text"><br />
    和</span>&nbsp;
  
  <br />
  <br />
  <span id="sec0">零</span>&nbsp;
  <span id="sec20">二十</span>&nbsp;
  <span id="sec30">三十</span>&nbsp;
  <span id="sec40">四十</span>&nbsp;
  <span id="sec50">五十</span>&nbsp;
  <span id="sec1">一</span>&nbsp;
  <span id="sec2">二</span>&nbsp;
  <span id="sec3">三</span>&nbsp;
  <span id="sec4">四</span>&nbsp;
  <span id="sec5">五</span>&nbsp;
  <span id="sec6">六</span>&nbsp;
  <span id="sec7">七</span>&nbsp;
  <span id="sec8">八</span>&nbsp;
  <span id="sec9">九</span>&nbsp;
  <span id="sec10">十</span>&nbsp;
  <span id="sec11">十一</span>&nbsp;
  <span id="sec12">十二</span>&nbsp;
  <span id="sec13">十三</span>&nbsp;
  <span id="sec14">十四</span>&nbsp;
  <span id="sec15">十五</span>&nbsp;
  <span id="sec16">十六</span>&nbsp;
  <span id="sec17">十七</span>&nbsp;
  <span id="sec18">十八</span>&nbsp;
  <span id="sec19">十九</span>&nbsp;
  
  <span id="text">秒.</span></p>
</div>
</div>
</body>
</html>
 
Laatst bewerkt door een moderator:
Ik heb het script even bij mij op de server staan, en ik zie alleen vraagtekens staan

Zie link

Maar wat wil je eigenlijk dat hij gaat doen? Dan kan ik mijn script eventueel aanpassen naar wens of je daar verder mee op weg helpen
 
Hoi Martin,

Bedankt weer voorde reactie, ik zie inderdaad ook vraagtekens, dit komt, omdat er geen Aziatisch taalpakket is geïnstalleerd, de klok toont alleen chinese characters. Ik heb de klok omgezet in nederlandse tekst en zo aangepast zoals ik heb zou willen hebben. Op 1 deel na, en dat is het gedeelte "shang wu" "zhong wu" en "xia wu" als de tijd tussen 6 uur (ochtend) en 12 uur (middag) is moet "shang wu" rood zijn, als de tijd tussen 12 uur (middag) en 2 uur (middag) moet "zhong wu" rood zijn, en als de tijd tussen 2 uur (middag) en 6 uur (ochtend) moet de klok "xia wu" rood zijn. Nu werkt het alleen "shang wu" als "AM" en "xia wu" als "PM" Sorry voor de verwarringen… kun je trouwens de klok die op mijn server draait wel correct zien, zie hier? Over het algemeen werkt dat met google chrome goed.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Word Clock</title>

<meta name="Description" content="The Java Clock shows the date and time by using words." />
<meta name="Keywords" content="word, clock, date, time, java, css" />
<meta name="robot" content="index,follow" />
<meta name="copyright" content="" />
<meta name="author" content="" />
<meta name="language" content="Chinese" />
<meta name="revisit-after" content="30" />

<style>
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	text-align:justify;
	background-color:#009;
	color:#CCC;
}

#clock {
  position:relative;
  width:627px;
}

#text {
	color:#F00;
	
}

form {
  color:#000;
}

#saturday {
	color:#FFF;
}

#wrap { 
  width:630px;
  margin:0 auto;
} /* "auto" makes the left and right margins center the wrapper */

#footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#600;
	font-size:10px;
}

a:link    { text-decoration:none; color:#FF3; }
a:hover   { text-decoration:none; color:#FFF; }
a:active  { text-decoration:none; color:#FFF; }
a:visited { text-decoration:none; color:#FF3; }

</style>

<script language="JavaScript" type="text/javascript">
<!--
function clock(lastMin, lastSec) {
  var thetime=new Date();         //Date object
  var hours=thetime.getHours();   //Hours
  var mins=thetime.getMinutes();  //Minutes
  var sec=thetime.getSeconds();   //Seconds
  var day=thetime.getDay();       //Day of the week
  var month=thetime.getMonth();   //Month
  var date=thetime.getDate();     //Day of month
  var count = 0;

  //Day of the week
  switch (day) {
    case 0:
      document.getElementById("zondag").style.color = "#f00";
      document.getElementById("zaterdag").style.color = "#ccc"; //Reset yesterday
      day="zondag";
      break;
    case 1:
      document.getElementById("maandag").style.color = "#F00";
      document.getElementById("zondag").style.color = "#ccc"; //Reset yesterday
      day="maandag";
      break;
    case 2:
      document.getElementById("dinsdag").style.color = "#F00";
      document.getElementById("maandag").style.color = "#ccc"; //Reset yesterday
      day="dinsdag";
      break;
    case 3:
      document.getElementById("woensdag").style.color = "#F00";
      document.getElementById("dinsdag").style.color = "#ccc"; //Reset yesterday
      day="woensdag";
      break;
    case 4:
      document.getElementById("donderdag").style.color = "#F00";
      document.getElementById("woensdag").style.color = "#ccc"; //Reset yesterday
      day="donderdag";
      break;
    case 5:
      document.getElementById("vrijdag").style.color = "#F00";
      document.getElementById("donderdag").style.color = "#ccc"; //Reset yesterday
      day="vrijdag";
      break;
    case 6:
      document.getElementById("zaterdag").style.color = "#F00";
      document.getElementById("vrijdag").style.color = "#ccc";
      day="zaterdag";
      break;
    default:
      break;
  }

	

  //Day of Month
  if (date < 20) {
    document.getElementById("day"+date).style.color = "#F00";	
  } else if(19 < date && date < 30) {
    count = date - 20;
    if(count > 0) {
      document.getElementById("dayTwenty").style.color = "#F00";
      document.getElementById("dayTens"+count).style.color = "#F00";
    } else {
      document.getElementById("dayTwenty").style.color = "#F00";
    }
  } else {
    switch (date) {
      case 30:
        document.getElementById("dayThirty").style.color = "#F00";
        break;
      case 31:
        document.getElementById("dayThirty").style.color = "#F00";
        document.getElementById("day1").style.color = "#F00";
        break;
    }
  }

  //Month of year
  document.getElementById("month"+month).style.color = "#F00";

  //Reset previous month of year
  month -= 1;
  if(month < 0)
    month = 11;
  document.getElementById("month"+month).style.color = "#ccc";
		
  //AM or PM
  if (hours>=12) {
    document.getElementById("xiawu").style.color = "#F00";
    AorP="P.M.";
    hours -=12;
  } else {
    document.getElementById("shangwu").style.color = "#F00";
    AorP="A.M.";
  }

  //Hour of day
  document.getElementById("hour"+hours).style.color = "#F00";
  
  //Reset previous hour of day
  hours -= 1;
  if(hours < 0)
    hours = 11;
  document.getElementById("hour"+hours).style.color = "#ccc";

  //Reset last minute
  timer(lastMin, 'min', 0);
  //Set current minute
  timer(mins, 'min', 1);

  //Reset last second
  timer(lastSec, 'sec', 0);
  //Set current second
  timer(sec, 'sec', 1);

  //Rinse & Repeat
  setTimeout('clock('+mins+', '+sec+')',1000);
}

function timer(time, units, status) {
  if(status)
    colorHex = "#F00";
  else
    colorHex = "#ccc";
	
  if(time < 20) {
    document.getElementById(units+time).style.color = colorHex;
  } else {
    tens = Math.floor(time / 10) * 10;
    document.getElementById(units+tens).style.color = colorHex;
    if(time > tens) {
      count = time - tens;
      if(units == 'min')
        units += 'Tens';
      document.getElementById(units+count).style.color = colorHex;
    }
  }
}
//-->
</script>

</head>

<body onload="clock(0, 0)">
<div id="wrap">
  <div id="clock">
  
    <p><span id="text">现在</span>&nbsp;</p>
    <p>
      
      <span id="month0">jan.</span><span id="month1"> febr.</span><span id="month2">mrt. </span><span id="month3">apr. </span><span id="month4">mei </span><span id="month5">jun. </span><span id="month6">jul. </span><span id="month7">aug. </span><span id="month8">sept.</span><span id="month9">okt. </span><span id="month10">nov. </span><span id="month11">dec.</span>&nbsp;
        
</p>
    <p>
      <span id="day10">10</span>&nbsp;
      <span id="day11">11</span>&nbsp;
      <span id="day12">12</span>&nbsp;
      <span id="day13">13</span>&nbsp;
      <span id="day14">14</span>&nbsp;
      <span id="day15">15</span>&nbsp;
      <span id="day16">16</span>&nbsp;
      <span id="day17">17</span>&nbsp;
      <span id="day18">18</span>&nbsp;
      <span id="day19">19</span>&nbsp;
      <!--<span id="day20">twentieth</span>&nbsp;-->
      <span id="dayTwenty">20</span>&nbsp; 
      <!--<span id="day30">thirtieth</span>&nbsp;-->
      <span id="dayThirty">30</span>&nbsp;
      <!--<span id="dayTens1">first</span>&nbsp;
      <span id="dayTens2">second</span>&nbsp;
      <span id="dayTens3">third</span>&nbsp;
      <span id="dayTens4">fourth</span>&nbsp;
      <span id="dayTens5">fifth</span>&nbsp;
      <span id="dayTens6">sixth</span>&nbsp;
      <span id="dayTens7">seventh</span>&nbsp;
      <span id="dayTens8">eighth</span>&nbsp;
      <span id="dayTens9">ninth</span>&nbsp;-->
      <span id="day1">1</span>&nbsp;
      <span id="day2">2</span>&nbsp;
      <span id="day3">3</span>&nbsp;
      <span id="day4">4</span>&nbsp;
      <span id="day5">5</span>&nbsp;
      <span id="day6">6</span>&nbsp;
      <span id="day7">7</span>&nbsp;
      <span id="day8">8</span>&nbsp;
      <span id="day9">9</span>&nbsp;  
      <span id="text">dag</span>&nbsp;
        
    </p>
<p><span id="zondag">zondag </span><span id="maandag">maandag </span><span id="dinsdag">dinsdag </span><span id="woensdag">woensdag </span><span id="donderdag">donderdag </span><span id="vrijdag">vrijdag </span><span id="zaterdag">zaterdag </span></p>
<p><span>
	<span id="shangwu">shang wu</span>&nbsp;
    <span id="zhongwu">zhong wu</span>&nbsp;
    <span id="xiawu">xia wu</span><br />
      <br />
        </span>
      <span id="hour1">1 uur </span>
      <span id="hour2">2 uur </span>
      <span id="hour3">3 uur </span>
      <span id="hour4">4 uur </span>
      <span id="hour5">5 uur </span>
      <span id="hour6">6 uur </span>
      <span id="hour7">7 uur </span>
      <span id="hour8">8 uur </span>
      <span id="hour9">9 uur </span><br />
      <span id="hour10">10 uur </span>
      <span id="hour11">11 uur </span>
      <span id="hour0">12 uur</span><br /><br />
      <span id="min0"></span>
      <span id="min1">1</span>&nbsp;
      <span id="min2">2</span>&nbsp;
      <span id="min3">3</span>&nbsp;
      <span id="min4">4</span>&nbsp;
      <span id="min5">5</span>&nbsp;
      <span id="min6">6</span>&nbsp;
      <span id="min7">7</span>&nbsp;
      <span id="min8">8</span>&nbsp;
      <span id="min9">9</span>&nbsp;
      <span id="min10">10</span>&nbsp;
      <span id="min11">11</span>&nbsp;
      <span id="min12">12</span>&nbsp;
      <span id="min13">13</span>&nbsp;
      <span id="min14">14</span>&nbsp;<br />
      <span id="min15">15</span>&nbsp;
      <span id="min16">16</span>&nbsp;
      <span id="min17">17</span>&nbsp;
      <span id="min18">18</span>&nbsp;
      <span id="min19">19</span>&nbsp;
      <span id="min20">20</span>&nbsp;
      <span id="min30">30</span>&nbsp;
      <span id="min40">40</span><br />
      <span id="min50">50</span>&nbsp;
      <span id="minTens1">1</span>&nbsp;
      <span id="minTens2">2</span>&nbsp;
      <span id="minTens3">3</span>&nbsp;
      <span id="minTens4">4</span>&nbsp;
      <span id="minTens5">5</span>&nbsp;
      <span id="minTens6">6</span>&nbsp;
      <span id="minTens7">7</span>&nbsp;
      <span id="minTens8">8</span>&nbsp;
      <span id="minTens9">9</span>&nbsp;<br />
      <span id="text"><br />
    en</span>&nbsp;
  
  <br />
  <br />
  <span id="sec0">0</span>&nbsp;
  <span id="sec20">20</span>&nbsp;
  <span id="sec30">30</span>&nbsp;
  <span id="sec40">40</span>&nbsp;
  <span id="sec50">50</span>&nbsp;
  <span id="sec1">1</span>&nbsp;
  <span id="sec2">2</span>&nbsp;
  <span id="sec3">3</span>&nbsp;
  <span id="sec4">4</span>&nbsp;
  <span id="sec5">5</span>&nbsp;
  <span id="sec6">6</span>&nbsp;
  <span id="sec7">7</span>&nbsp;
  <span id="sec8">8</span>&nbsp;
  <span id="sec9">9</span>&nbsp;
  <span id="sec10">10</span>&nbsp;
  <span id="sec11">11</span>&nbsp;
  <span id="sec12">12</span>&nbsp;
  <span id="sec13">13</span>&nbsp;
  <span id="sec14">14</span>&nbsp;
  <span id="sec15">15</span>&nbsp;
  <span id="sec16">16</span>&nbsp;
  <span id="sec17">17</span>&nbsp;
  <span id="sec18">18</span>&nbsp;
  <span id="sec19">19</span>&nbsp;
  
  <span id="text">sec.</span></p>
</div>
</div>
</body>
</html>
 
Laatst bewerkt door een moderator:
Sorry voor de late reactie, was even druk de laatste dagen

Dan zou het iets als dit moeten zijn

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Word Clock</title>

<meta name="Description" content="The Java Clock shows the date and time by using words." />
<meta name="Keywords" content="word, clock, date, time, java, css" />
<meta name="robot" content="index,follow" />
<meta name="copyright" content="" />
<meta name="author" content="" />
<meta name="language" content="Chinese" />
<meta name="revisit-after" content="30" />

<style>
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
text-align:justify;
background-color:#009;
color:#CCC;
}

#clock {
position:relative;
width:627px;
}

#text {
color:#F00;

}

form {
color:#000;
}

#saturday {
color:#FFF;
}

#wrap {
width:630px;
margin:0 auto;
} /* "auto" makes the left and right margins center the wrapper */

#footer {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#600;
font-size:10px;
}

a:link { text-decoration:none; color:#FF3; }
a:hover { text-decoration:none; color:#FFF; }
a:active { text-decoration:none; color:#FFF; }
a:visited { text-decoration:none; color:#FF3; }

</style>

<script language="JavaScript" type="text/javascript">
<!--
function clock(lastMin, lastSec) {
var thetime=new Date(); //Date object
var hours=thetime.getHours(); //Hours
var mins=thetime.getMinutes(); //Minutes
var sec=thetime.getSeconds(); //Seconds
var day=thetime.getDay(); //Day of the week
var month=thetime.getMonth(); //Month
var date=thetime.getDate(); //Day of month
var count = 0;

//Day of the week
switch (day) {
case 0:
document.getElementById("zondag").style.color = "#f00";
document.getElementById("zaterdag").style.color = "#ccc"; //Reset yesterday
day="zondag";
break;
case 1:
document.getElementById("maandag").style.color = "#F00";
document.getElementById("zondag").style.color = "#ccc"; //Reset yesterday
day="maandag";
break;
case 2:
document.getElementById("dinsdag").style.color = "#F00";
document.getElementById("maandag").style.color = "#ccc"; //Reset yesterday
day="dinsdag";
break;
case 3:
document.getElementById("woensdag").style.color = "#F00";
document.getElementById("dinsdag").style.color = "#ccc"; //Reset yesterday
day="woensdag";
break;
case 4:
document.getElementById("donderdag").style.color = "#F00";
document.getElementById("woensdag").style.color = "#ccc"; //Reset yesterday
day="donderdag";
break;
case 5:
document.getElementById("vrijdag").style.color = "#F00";
document.getElementById("donderdag").style.color = "#ccc"; //Reset yesterday
day="vrijdag";
break;
case 6:
document.getElementById("zaterdag").style.color = "#F00";
document.getElementById("vrijdag").style.color = "#ccc";
day="zaterdag";
break;
default:
break;
}



//Day of Month
if (date < 20) {
document.getElementById("day"+date).style.color = "#F00";
} else if(19 < date && date < 30) {
count = date - 20;
if(count > 0) {
document.getElementById("dayTwenty").style.color = "#F00";
document.getElementById("dayTens"+count).style.color = "#F00";
} else {
document.getElementById("dayTwenty").style.color = "#F00";
}
} else {
switch (date) {
case 30:
document.getElementById("dayThirty").style.color = "#F00";
break;
case 31:
document.getElementById("dayThirty").style.color = "#F00";
document.getElementById("day1").style.color = "#F00";
break;
}
}

//Month of year
document.getElementById("month"+month).style.color = "#F00";

//Reset previous month of year
month -= 1;
if(month < 0)
month = 11;
document.getElementById("month"+month).style.color = "#ccc";

//AM or PM
/*
if (hours>=12) {
document.getElementById("xiawu").style.color = "#F00";
AorP="P.M.";
hours -=12;
} else {
document.getElementById("shangwu").style.color = "#F00";
AorP="A.M.";
}
*/
// Calculate the stamp morning/afternoon/evening and translated to chinese
if (hours >= 6 && hours < 12) {
    //stamp = " shangwu";
    document.getElementById("shangwu").style.color = "#F00";
} else if (hours >= 12 && hours < 14) {
    //stamp = " zhongwu";
    document.getElementById("zhongwu").style.color = "#F00";
} else {
    //stamp = " xiawu";
    document.getElementById("xiawu").style.color = "#F00";
}

//Hour of day
document.getElementById("hour"+hours).style.color = "#F00";

//Reset previous hour of day
hours -= 1;
if(hours < 0)
hours = 11;
document.getElementById("hour"+hours).style.color = "#ccc";

//Reset last minute
timer(lastMin, 'min', 0);
//Set current minute
timer(mins, 'min', 1);

//Reset last second
timer(lastSec, 'sec', 0);
//Set current second
timer(sec, 'sec', 1);

//Rinse & Repeat
setTimeout('clock('+mins+', '+sec+')',1000);
}

function timer(time, units, status) {
if(status)
colorHex = "#F00";
else
colorHex = "#ccc";

if(time < 20) {
document.getElementById(units+time).style.color = colorHex;
} else {
tens = Math.floor(time / 10) * 10;
document.getElementById(units+tens).style.color = colorHex;
if(time > tens) {
count = time - tens;
if(units == 'min')
units += 'Tens';
document.getElementById(units+count).style.color = colorHex;
}
}
}
//-->
</script>

</head>

<body onload="clock(0, 0)">
<div id="wrap">
<div id="clock">

<p><span id="text">Datum/klok</span>&nbsp;</p>
<p>

<span id="month0">jan.</span><span id="month1"> febr.</span><span id="month2">mrt. </span><span id="month3">apr. </span><span id="month4">mei </span><span id="month5">jun. </span><span id="month6">jul. </span><span id="month7">aug. </span><span id="month8">sept.</span><span id="month9">okt. </span><span id="month10">nov. </span><span id="month11">dec.</span>&nbsp;

</p>
<p>
<span id="day10">10</span>&nbsp;
<span id="day11">11</span>&nbsp;
<span id="day12">12</span>&nbsp;
<span id="day13">13</span>&nbsp;
<span id="day14">14</span>&nbsp;
<span id="day15">15</span>&nbsp;
<span id="day16">16</span>&nbsp;
<span id="day17">17</span>&nbsp;
<span id="day18">18</span>&nbsp;
<span id="day19">19</span>&nbsp;
<!--<span id="day20">twentieth</span>&nbsp;-->
<span id="dayTwenty">20</span>&nbsp;
<!--<span id="day30">thirtieth</span>&nbsp;-->
<span id="dayThirty">30</span>&nbsp;
<!--<span id="dayTens1">first</span>&nbsp;
<span id="dayTens2">second</span>&nbsp;
<span id="dayTens3">third</span>&nbsp;
<span id="dayTens4">fourth</span>&nbsp;
<span id="dayTens5">fifth</span>&nbsp;
<span id="dayTens6">sixth</span>&nbsp;
<span id="dayTens7">seventh</span>&nbsp;
<span id="dayTens8">eighth</span>&nbsp;
<span id="dayTens9">ninth</span>&nbsp;-->
<span id="day1">1</span>&nbsp;
<span id="day2">2</span>&nbsp;
<span id="day3">3</span>&nbsp;
<span id="day4">4</span>&nbsp;
<span id="day5">5</span>&nbsp;
<span id="day6">6</span>&nbsp;
<span id="day7">7</span>&nbsp;
<span id="day8">8</span>&nbsp;
<span id="day9">9</span>&nbsp;
<span id="text">dag</span>&nbsp;

</p>
<p><span id="zondag">zondag </span><span id="maandag">maandag </span><span id="dinsdag">dinsdag </span><span id="woensdag">woensdag </span><span id="donderdag">donderdag </span><span id="vrijdag">vrijdag </span><span id="zaterdag">zaterdag </span></p>
<p><span>
<span id="shangwu">shang wu</span>&nbsp;
<span id="zhongwu">zhong wu</span>&nbsp;
<span id="xiawu">xia wu</span><br />
<br />
</span>
<span id="hour1">1 uur </span>
<span id="hour2">2 uur </span>
<span id="hour3">3 uur </span>
<span id="hour4">4 uur </span>
<span id="hour5">5 uur </span>
<span id="hour6">6 uur </span>
<span id="hour7">7 uur </span>
<span id="hour8">8 uur </span>
<span id="hour9">9 uur </span><br />
<span id="hour10">10 uur </span>
<span id="hour11">11 uur </span>
<span id="hour0">12 uur</span><br /><br />
<span id="min0"></span>
<span id="min1">1</span>&nbsp;
<span id="min2">2</span>&nbsp;
<span id="min3">3</span>&nbsp;
<span id="min4">4</span>&nbsp;
<span id="min5">5</span>&nbsp;
<span id="min6">6</span>&nbsp;
<span id="min7">7</span>&nbsp;
<span id="min8">8</span>&nbsp;
<span id="min9">9</span>&nbsp;
<span id="min10">10</span>&nbsp;
<span id="min11">11</span>&nbsp;
<span id="min12">12</span>&nbsp;
<span id="min13">13</span>&nbsp;
<span id="min14">14</span>&nbsp;<br />
<span id="min15">15</span>&nbsp;
<span id="min16">16</span>&nbsp;
<span id="min17">17</span>&nbsp;
<span id="min18">18</span>&nbsp;
<span id="min19">19</span>&nbsp;
<span id="min20">20</span>&nbsp;
<span id="min30">30</span>&nbsp;
<span id="min40">40</span><br />
<span id="min50">50</span>&nbsp;
<span id="minTens1">1</span>&nbsp;
<span id="minTens2">2</span>&nbsp;
<span id="minTens3">3</span>&nbsp;
<span id="minTens4">4</span>&nbsp;
<span id="minTens5">5</span>&nbsp;
<span id="minTens6">6</span>&nbsp;
<span id="minTens7">7</span>&nbsp;
<span id="minTens8">8</span>&nbsp;
<span id="minTens9">9</span>&nbsp;<br />
<span id="text"><br />
en</span>&nbsp;

<br />
<br />
<span id="sec0">0</span>&nbsp;
<span id="sec20">20</span>&nbsp;
<span id="sec30">30</span>&nbsp;
<span id="sec40">40</span>&nbsp;
<span id="sec50">50</span>&nbsp;
<span id="sec1">1</span>&nbsp;
<span id="sec2">2</span>&nbsp;
<span id="sec3">3</span>&nbsp;
<span id="sec4">4</span>&nbsp;
<span id="sec5">5</span>&nbsp;
<span id="sec6">6</span>&nbsp;
<span id="sec7">7</span>&nbsp;
<span id="sec8">8</span>&nbsp;
<span id="sec9">9</span>&nbsp;
<span id="sec10">10</span>&nbsp;
<span id="sec11">11</span>&nbsp;
<span id="sec12">12</span>&nbsp;
<span id="sec13">13</span>&nbsp;
<span id="sec14">14</span>&nbsp;
<span id="sec15">15</span>&nbsp;
<span id="sec16">16</span>&nbsp;
<span id="sec17">17</span>&nbsp;
<span id="sec18">18</span>&nbsp;
<span id="sec19">19</span>&nbsp;

<span id="text">sec.</span></p>
</div>
</div>
</body>
</html>
 
@Alcide: Zou je in het vervolg je code tussen de juiste tags willen plaatsen?
HTML: 
je code
voor HTML en [js]je code[/js] voor JS.

Alvast bedankt :)
 
@Tha Devil, zal ik in het vervolg doen.. wist niet meer hoe en wat… Mijn excuses ..

Beste Martin,

bedankt voor je reactie, het hoeft allemaal niet op stel en sprong, ben al blij dat er er mensen zijn die een kijk willen nemen in de code. Ik heb jou aangepaste code op server staan, en dit werkt inderdaad zoals het moet zijn, de tijdframe wordt nu correct weergegeven. Loop nu alleen tegen een punt aan, waar ik zelf ook al eerder tegen aanliep, toen ik eerdere aanpassingen deed in het am/pm gedeelte, dat de tijd na 12 uur 's-middags niet meer wordt weergegeven. Pas vanaf 12 uur 's-nachts gaat het weer goed. Heb je enig idee. ben al blij met deze aanpassing. :thumb:
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan