فراسوی اطلاعات

Time

29. ساعت عقربه دار لغزان.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

<script language="JavaScript">
fCol='#8000FF'; //face colour.
sCol='#FF0080'; //seconds colour.
mCol='00FFFF'; //minutes colour.
hCol='FFFF00'; //hours colour.

Ybase=35; //Clock height.
Xbase=45; //Clock width.
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
Ypos=0;
Xpos=0;
dots=12;
Split=360/dots;
if (NS6){
for (i=1; i < dots+1; i++){
document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
for (i=0; i < M.length; i++){
document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');
}
for (i=0; i < H.length; i++){
document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');
}
for (i=0; i < S.length; i++){
document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');
}
}
if (NS4){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
}
if (IE4){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}

function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

if (NS6){
Ypos=window.pageYOffset+window.innerHeight-Ybase-25;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=1; i < dots+1; i++){
 document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
 document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
if (NS4){
Ypos=window.pageYOffset+window.innerHeight-Ybase-20;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=0; i < dots; ++i){
 document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
 document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}

if (IE4){
Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
for (i=0; i < dots; ++i){
 ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
 ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);
 x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);
 y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
 z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
setTimeout('clock()',100);
}
clock();
//-->
</script>

30. ساعت عقربه دار ثابت.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.

Select All

<head>
<script language="JavaScript">

</script>
<style>
..num {color:#8000FF;width:30px;text-align:center; }
</style>
</head>

31. ساعت میله ای با جدول.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

Select All

<head>
<script language="JavaScript">

</script>
</head>

<form name="clock"><table><tr><td>Hours:</td><td>
<input type="text" name="h" size="10" style="border: 0"></td></tr><tr><td colspan=2>
<input type=text name="hours" size="24" style="color: navy"></td>
</tr><tr><td>Minutes:</td><td><input type="text" name="m" size="10" style="border: 0">
</td></tr><tr><td colspan=2><input type=text name="minutes" size="60" style="color: navy"></td></tr>
<tr><td>Seconds:</td><td><input type="text" name="s" size="10" style="border: 0"></td>
</tr><tr><td colspan=2><input type=text name="seconds" size="69" style="color: navy">
</td></tr><tr><td>Time:<input type=text name="time" size="20" style="border: 0">
</td></tr></table></form>

</body>

32. یک ساعت کامپیوتری ساده.

Select All

33. ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (1 فارسی)

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All

<script language="JavaScript">
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();	
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert(" عزیزم شما الان " + minsVisit + " دقیقه یا "
+ secsVisit + " ثانیه است که در این وب سایت حضور داری ");
} 
document.write("<form name="form">"
+ "<input type=button style='cursor=help' style='border=blue' style='height=20' style='background=#000099' style='color=white' value="Click for info!""
+ " name=button onClick="timeInfo()"></form>");
onError = null;
clock();
//-->
</script>

34. ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (2 انگلیسی)

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All

<script language="JavaScript">

</script>

35. ایجاد ساعت در نوار وضعیت.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All

36. ایجاد تاریخ و ساعت در نوار وضعیت.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

37. ساعت های بعضی از شهر های خارجی.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All

<form name="where">
<select name="city" size="1" onchange="updateclock(this);"> 
<option value="" selected>Local time</option>
<option value="0">London GMT</option> 
<option value="1">Rome</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option> 
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option> 
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select><br />
<script language="JavaScript">
if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();
hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2
var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}
setTimeout('WorldClock()',1000);
}
window.onload=WorldClock
//-->
</script>
<ilayer id="worldclockns" width="100%" height="35">
<layer id="worldclockns2" width="100%" height="35" left="0" top="0" style="font:bold 16px Arial;"></layer></ilayer>
</form>

38. ساعات بیشتر شهرهای جهان.

Select All

<head>
<script language="JavaScript">

</script>
</head>

<center>
<form name="clock">
<strong>Local Time <input type="text" size="8" name="local"></strong><p>
Eniwetok (GMT-12)  <input type="text" size="8" name="eniw"><br>
Samoa (GMT-11)  <input type="text" size="8" name="sam"><br>
Hawaii (GMT-10)  <input type="text" size="8" name="Hawaii"><p>
Alaska (GMT-9)  <input type="text" size="8" name="alaska"><br>
Pacific Time (GMT-8)  <input type="text" size="8" name="pacif"><br>
Mountain Time (GMT-7)  <input type="text" size="8" name="mount"><p>
Central Time (GMT-6)  <input type="text" size="8" name="center"><br>
Eastern Time (GMT-5)  <input type="text" size="8" name="east"><br>
Atlantic Time (GMT-4)  <input type="text" size="8" name="atl"><p>
Brazilia (GMT-3)  <input type="text" size="8" name="bra"><br>
Mid-Atlantic (GMT-2)  <input type="text" size="8" name="mid"><br>
Azores (GMT-1)  <input type="text" size="8" name="azo"><p>
<strong>Greenwich Mean Time (GMT)  <input type="text" size="8" name="_GMT"></strong><p>
Rome (GMT +1)  <input type="text" size="8" name="rome"><br>
Israel (GMT +2)  <input type="text" size="8" name="Israel"><br>
Moscow (GMT +3)  <input type="text" size="8" name="msw"><p>
Baku (GMT +4)  <input type="text" size="8" name="baku"><br>
New Delhi (GMT +5)  <input type="text" size="8" name="del"><br>
Dhakar (GMT +6)  <input type="text" size="8" name="dh"><p>
Bangkok (GMT +7)  <input type="text" size="8" name="kok"><br>
Hong Kong (GMT +8)  <input type="text" size="8" name="ho"><br>
Tokyo (GMT +9)  <input type="text" size="8" name="tky"><p>
Sydney (GMT +10)  <input type="text" size="8" name="sdn"><br>
Magadan (GMT +11)  <input type="text" size="8" name="mag"><br>
Wellington (GMT +12)  <input type="text" size="8" name="wll"></form></center>
<p><center><font face="arial, helvetica" SIZE="-2">Free JavaScripts<br />
by <a href="http://NazaninSt.Persianblog.com">Nazanin Studio</a></font></center><p>

39. کد یک تقویم کوچک ولی زیبا.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All

<center>
<script language="JavaScript">

</script>
</center>

40. یک ساعت کامپیوتری در عنوان صفحه (Title).

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.