Zegar analogowy na stronie
Pierwszą część wrzucamy w head strony a resztę w miejscu, gdzie ma pojawić się zegar.
Listing
<script type="text/javascript">
var onl=window.onload||Function;
onload=function(){
var d=10;
var w=400;
var h=300;
var z=document.getElementById('zegar');
z.style.position='relative';
var t=[];
for(var i=1;i<4;i++){
t[i]=[];
for(var j=1;j<=d;j++){
var el=document.createElement('span');
el.style.position='absolute';
el.style.fontSize='40px';
el.appendChild(document.createTextNode('.'));
z.appendChild(el);
t[i][j]=el;
}
}
(function(){
var a=[];
with(new Date()){
a[3]=getSeconds()*6;
a[2]=getMinutes()*6;
a[1]=getHours()*30;
}
for(var i=1; i<4; i++){
for(var x=1; x<=d; x++){
with(t[i][x].style){
top=Math.sin((a[i]-90)*Math.PI/180)*i*x*h/d/6+h/|>2-36+'px';
left=Math.cos((a[i]-90)*Math.PI/180)*i*x*w/d/6+w/|>2+'px';
}
}
}
setTimeout(arguments.callee, 1000);
})();
}
</script>
<span id="zegar"></span> <script type="text/javascript"> o=document.getElementById('zegar') setInterval('o.innerHTML=/[\\d:]{8}/.exec(Date())',1e3) </script>
var onl=window.onload||Function;
onload=function(){
var d=10;
var w=400;
var h=300;
var z=document.getElementById('zegar');
z.style.position='relative';
var t=[];
for(var i=1;i<4;i++){
t[i]=[];
for(var j=1;j<=d;j++){
var el=document.createElement('span');
el.style.position='absolute';
el.style.fontSize='40px';
el.appendChild(document.createTextNode('.'));
z.appendChild(el);
t[i][j]=el;
}
}
(function(){
var a=[];
with(new Date()){
a[3]=getSeconds()*6;
a[2]=getMinutes()*6;
a[1]=getHours()*30;
}
for(var i=1; i<4; i++){
for(var x=1; x<=d; x++){
with(t[i][x].style){
top=Math.sin((a[i]-90)*Math.PI/180)*i*x*h/d/6+h/|>2-36+'px';
left=Math.cos((a[i]-90)*Math.PI/180)*i*x*w/d/6+w/|>2+'px';
}
}
}
setTimeout(arguments.callee, 1000);
})();
}
</script>
<span id="zegar"></span> <script type="text/javascript"> o=document.getElementById('zegar') setInterval('o.innerHTML=/[\\d:]{8}/.exec(Date())',1e3) </script>
Dodano przez: indexx Ranga: 0 Punktów: 0
Komentarze użytkowników
Wydaje mi się, że wszystko dobrze robię, ale nie działa... Poniżej daje kod jaki mam w pliku, nie ma tych znaczników typu bo to tylko plik testowy, chce po prostu zobaczyć jak skrypt wygląda.
- Zobacz kod dodany do tego wpisu
-
<html>
<head>
<script type="text/javascript">
var onl=window.onload||Function;
onload=function() {
var d=10;
var w=400;
var h=300;
var z=document.getElementById('zegar');
z.style.position='relative';
var t=[];
for(var i=1;i<4;i++) {
t[i]=[];
for(var j=1;j<=d;j++) {
var el=document.createElement('span');
el.style.position='absolute';
el.style.fontSize='40px';
el.appendChild(document.createTextNode('.'));
z.appendChild(el);
t[i][j]=el;
}
}
(function() {
var a=[];
with(new Date()) {
a[3]=getSeconds()*6;
a[2]=getMinutes()*6;
a[1]=getHours()*30;
}
for(var i=1; i<4; i++) {
for(var x=1; x<=d; x++) {
with(t[i][x].style) {
top=Math.sin((a[i]-90)*Math.PI/180)*i*x*h/d/6+h/|>2-36+'px';
left=Math.cos((a[i]-90)*Math.PI/180)*i*x*w/d/6+w/|>2+'px';
}
}
}
setTimeout(arguments.callee, 1000);
})();
}
</script>
</head>
<body>
<span id="zegar"></span>
<script type="text/javascript">
o=document.getElementById('zegar')
setInterval('o.innerHTML=/[\\d:]{8}/.exec(Date())',1e3)
</script>
</body>
</html>
-
autor: sebulek | 5461 | 2010-03-18 22:17:43
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
