By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,712 Members | 2,174 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,712 IT Pros & Developers. It's quick & easy.

I want toAnalog Clock

P: n/a
I want to make analog clock skin of windows media player so how can i
roteate the layer upto 360 degrees with the help of javascript please
tell me iam very anxious about it. iam the first and only skinner in
Pakistan. i really need your help. Remember Analog clock Using XML
LAYER Wit script of java. you just have tell me about java script i can
work with xml well!
HAVE A NICE DAY
GOOD BYE!

Oct 15 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
<s.************@gmail.com> wrote in message
news:11**********************@g47g2000cwa.googlegr oups.com...
I want to make analog clock skin of windows media player so how can i
roteate the layer upto 360 degrees with the help of javascript please
tell me iam very anxious about it. iam the first and only skinner in
Pakistan. i really need your help. Remember Analog clock Using XML
LAYER Wit script of java. you just have tell me about java script i can
work with xml well!
HAVE A NICE DAY
GOOD BYE!


Maybe you can do something with this. (Authour unknown.)

<html>
<head>
<title>clock.htm</title>
<script type="text/javascript">
// Clock Variations

var clocked = false;
if (screen.availHeight > 600) clocked = true;

var locked = true;
function locker() {
locked ? locked = false : locked = true;
}

// Clock Variables

var ClockHeight = 40;
var ClockWidth = 40;
var ClockFromMouseY = 0;
var ClockFromMouseX = 100;
var dCol = '000000'; // date color
var fCol = '000000'; // face color
var sCol = '000000'; // secs color
var mCol = '000000'; // mins color
var hCol = '000000'; // hour color
var xPos = 100;
var yPos = 100;

// Clock Processing

var ie = (document.all);
var ns = (document.layers);
var days = new
Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THU RSDAY","FRIDAY","SATURDAY"
);
var mons = new
Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY"," JUNE","JULY","AUGUST","SEP
TEMBER","OCTOBER","NOVEMBER","DECEMBER");
var date = new Date();
var year = date.getYear();
if (year < 2000) year+=1900;
var today = " "+days[date.getDay()]+" "+date.getDate()+"
"+mons[date.getMonth()]+" "+year;
var D = today.split('');
var H = '...';
H = H.split('');
var M = '....';
M = M.split('');
var S = '.....';
S = S.split('');
var font = 'Arial';
var size = 1;
var speed = 0.5;
var Face = '1 2 3 4 5 6 7 8 9 10 11 12';
Face = Face.split(' ');
var n = Face.length;
var a = size*10;
var ymouse = 0;
var xmouse = 0;
var scrll = 0;
var props = "<font face="+font+" size="+size+" color="+fCol+"><B>";
var props2 = "<font face="+font+" size="+size+" color="+dCol+"><B>";
var Split = 360/n;
var Dsplit = 360/D.length;
var HandHeight = ClockHeight/4.5;
var HandWidth = ClockWidth/4.5;
var HandY = -7;
var HandX = -2.5;
var step = 0.06;
var currStep = 0;
var y = new Array();
var x = new Array();
var Y = new Array();
var X = new Array();
for (i=0; i<n; i++) {
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
}
var Dy = new Array();
var Dx = new Array();
var DY = new Array();
var DX = new Array();
for (i=0; i<D.length; i++) {
Dy[i] = 0;
Dx[i] = 0;
DY[i] = 0;
DX[i] = 0;
}
if (clocked) {
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[i]+'</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[i]+'</font></center></layer>');
for (i=0; i<S.length; i++)
document.write('<layer name="nsSecs'+i+'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i<M.length; i++)
document.write('<layer name="nsMins'+i+'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i<H.length; i++)
document.write('<layer name="nsHour'+i+'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+hCol+'><center><b>'+H[i]+'</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[i]+'</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[i]+'</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="ieHour"
style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:
16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</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="ieMins"
style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:
16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</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="ieSecs"
style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:
16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</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+ClockFromM ouseX;
}

(ns)?window.onMouseMove=Mouse:document.onmousemove =Mouse;

function ClockAndAssign() {
if (!clocked) return;
var time = new Date ();
var secs = time.getSeconds();
var sec = -1.57 + Math.PI * secs/30;
var mins = time.getMinutes();
var min = -1.57 + Math.PI * mins/30;
var hr = time.getHours();
var 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[i].style;
F.top = y[i] + ClockHeight*Math.sin(-1.0471 +
i*Split*Math.PI/180)+scrll;
F.left = x[i] + ClockWidth*Math.cos(-1.0471 +
i*Split*Math.PI/180);
}
for (i=0; i<H.length; i++) {
var HL = (ns)?document.layers['nsHour'+i]:ieHour[i].style;
HL.top = y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left = x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i<M.length; i++) {
var ML = (ns)?document.layers['nsMins'+i]:ieMins[i].style;
ML.top = y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left = x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i<S.length; i++) {
var SL = (ns)?document.layers['nsSecs'+i]:ieSecs[i].style;
SL.top = y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left = x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i<D.length; i++) {
var DL = (ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top = Dy[i] +
ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left = Dx[i] +
ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep -= step;
}

function Delay(){
if (locked) {
xmouse = xPos;
ymouse = yPos;
}
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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i] = Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i] = Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',40);
}

if (ns||ie) window.onload=Delay;
</script>
</head>
<body style="margin:0px">
<sup><a href="javascript:locker()">float</a></sup>
</body>
</html>
Oct 16 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.