Šta je novo?

Postavljanje sata na sajt?

sb51help

Čuven
Učlanjen(a)
28.11.2003
Poruke
141
Poena
619
Hi,

Je l' neko zna kako da postavim realtime sat na svoj sajt, koji ce da pokazuje realno vreme i datum u svakom trenutku?
Kako ovo da izvedem i gde da nadjem taj sat :) ?

POZDRAV!
 
Pogledaj recimo ovde :http://www.xanasoft.com/djclock/
Za nekomercijalnu upotrebu je besplatan , ima raznih tipova dizajna .
Ako ti treba obican text Java applet , imam kuci pa ti saljem ili dajem link (trenutno sam na poslu) .

Pozdrav , Misa...:boom:
 
Ako te mrzi da skidas , prouci ovo :

<CENTER>

<BODY onLoad="startclock()">
<script Language="JavaScript">
// Navigation - Stop
// Netscapes Clock - Start
// this code was taken from Netscapes JavaScript documentation at
// www.netscape.com on Jan.25.96

var timerID = null;
var timerRunning = false;

function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}

function startclock () {
// Make sure the clock is stopped
stopclock();
showtime();
}
</script>
<form name="clock" onSubmit="0">
<input type="text" name="face" size=12 value="">

Pozdrav , Misa...:boom:
 
Imas gomile toga (potrazi sa Google-om ) evo jednog od sajtova sa gomilom JavaScript-ova www.jsmadeeasy.com (izmadju ostalog imas i CLOCK script-ove).
 
Ljudi hvala vam puno.

POZDRAV!
 
Pa hteo bi da nadjem neki sat koji ima veze sa Auto-Moto. Nesto na foru kilometar sata ili obrtaja motora nesto na tu foru.

Dali neko ima ovako nesto?

POZDRAV!
 
Evo probaj i ovaj kod, zanimljiv je!!!
Sve sto treba da uradis jeste da iskopiras ovaj kod ispoh <head> taga,
tacnije izmedju <head> i </head> taga. POZDRAV


<SCRIPT language=JavaScript>
//Alter nothing below! Alignments will be lost!
<!-- Script supplied by Hypergurl http://www.hypergurl.com -->
<!-- hide this stuff from other browsers
dCol='000000';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;


d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y=0;x=0;Y=0;X=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy=0;Dx=0;DY=0;DX=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
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.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace.style;
F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;
DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
// end the hiding comment -->
</SCRIPT>
 
HVALA sad cu da probam

POZDRAV!
 
Evo imas i ovaj kod koji je bas neobican (Kompjuter ti prica koliko ima sati). Download-uj ovaj file http://www.hypergurl.com/games/soundzip.zip
i direktorijum soundfiles koji se nalazi u ovom zip file-u iskopiraj tamo gde ti se nalazi html file u koji ces staviti ovaj kod iznad </body> taga:




<script>
// CREDITS:
// Speaking clock
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved.
// http://www.24fun.com
// Distributed by hypergurl http://www.hypergurl.com
// Permission given to use the script provided that this notice remains as is.

// Edit speaking interval (seconds)
var speakinginterval=10

// Do not edit the code below this line
var thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var ampm
speakinginterval=1000*speakinginterval

if (hours<12) {
ampm="am"
}
else if (hours>=12) {
ampm="pm"
if (hours!=12) {
hours=hours-12
}
}

function speakthetimeis() {
document.all.typesound.src="soundfiles/the_time_is.wav"
var timer=setTimeout("speakhours()",1200)
}

function speakhours() {
document.all.typesound.src="soundfiles/"+hours+".wav"
if (minutes<10) {
var timer=setTimeout("speakzerominutes()",1200)
}
else {
var timer=setTimeout("speakminutes()",1200)
}
}

function speakzerominutes() {
document.all.typesound.src="soundfiles/0.wav"
var timer=setTimeout("speakminutes()",600)
}

function speakminutes() {
document.all.typesound.src="soundfiles/"+minutes+".wav"
var timer=setTimeout("speakampm()",1200)
}

function speakampm() {
document.all.typesound.src="soundfiles/"+ampm+".wav"
thistime= new Date()
hours=thistime.getHours()
minutes=thistime.getMinutes()
if (hours<12) {
ampm="am"
}
else if (hours>=12) {
ampm="pm"
if (hours!=12) {
hours=hours-12
}
}
var content="<embed src=\"soundfiles/"+hours+".wav\" autostart=\"false\" hidden=\"true\">"
content+="<embed src=\"soundfiles/"+minutes+".wav\" autostart=\"false\" hidden=\"true\">"
soundcontainer.innerHTML=content
var timer=setTimeout("speakthetimeis()",speakinginterval)
}

if (document.all) {
document.write("<span id=\"soundcontainer\" style=\"position:relative;\">")
document.write("<embed src=\"soundfiles/"+hours+".wav\" autostart=\"false\" hidden=\"true\">")
document.write("<embed src=\"soundfiles/"+minutes+".wav\" autostart=\"false\" hidden=\"true\">")
document.write("<embed src=\"soundfiles/"+ampm+".wav\" autostart=\"false\" hidden=\"true\">")
document.write("</span>")
document.write("<embed src=\"soundfiles/0.wav\" autostart=\"false\" hidden=\"true\">")
document.write("</span>")
window.onload=speakthetimeis
}

</script>
<embed src="soundfiles/the_time_is.wav" autostart="false" hidden="true">
<bgsound id="typesound"></embed>
 
Hvala!!!
 
Nazad
Vrh Dno