Как сделать часики для сайта?

[Andron]

Люди я сделал сайт и хочу к нему часики припоять! как это сделать и еще как сделать чтобы на сайте музыка сама по себе играла?

 

[Unknown]

Andron, поправь ка код страницы и не используй шаблоны - сам пиши.. Править у тебя явно не получается.
Работающий код скрипта:
<SCRIPT language=JavaScript>
dCol='00000f';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
m=new Array("Январь","Февраль","Март","Апрель","Мая","Июнь","Июль","Август","Сентябрь","Откябрь","Ноябрь","Декабрь");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+m[date.getMonth()]+" "+day+" "+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;
</SCRIPT>

 

[Не зарегистрирован]

Вставь вот такой вот простецкий код и будет тебе музыка :

<embed src="filename.wav" autostart="true"></embed>

Можно испрользовать любой формат : midi , wav или mp3 .
Наслаждайся ! Только оно надо тебе ? Это же лишний груз !!! Подумай о диал апщиках !
Удачи !

 

[Балбес]

Сори , забыл войти как следует ! Это я написал предыдущее сообщение !

 

[Boglen]

Мдя...я в экстазе...Does not exist - зачем такую фиговину на сайт пихать - сам када-то зеленым был - думал как поприкольнее сделать...ну не нада там часы точно вам говорю-))я свои снес через месяц-)))76

 

[RuMoHoR]

Does not exist
Классный глюч Я с минуту от этой штуки перся

Boglen
зачем такую фиговину на сайт пихать - сам када-то зеленым был - думал как поприкольнее сделать...ну не нада там часы точно вам говорю-))я свои снес через месяц-)))76

С этим к автору вопроса. Что же до "не нада там часы", то поиграется и тоже снесет

А если не хочется "крутых" часов, то можно простенькие:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Title</TITLE>
</HEAD>
<script language="JavaScript">
<!--
function JSClock() {
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var temp = ((hour < 10) ? "0" : "") + hour
temp += ((minute < 10) ? ":0" : ":") + minute
temp += ((second < 10) ? ":0" : ":") + second
document.clockForm.digits.value = temp
id = setTimeout("JSClock()",1000)
}
//-->
</script>
<BODY onload="JSClock()">
<FORM NAME="clockForm">
Current time is <INPUT TYPE="text" NAME="digits" SIZE=8 VALUE=""><BR>
</FORM>
</BODY>
</HTML>

Взято из "K:\OLD\OLD_J\MYWEB\WWWROOT\JAV\defaul.htm", дата изменения "05.07.98 00:44". Причем это явно не первая версия Когда тырил его с какой-то странички уже и не вспомнишь... Править не стал, только выкинул лишнее.

 

[Unknown]

Boglen, хех.. считай, что замечание за офф-топ ты уже получил, в дальнейшем с такими вопросами к автору темы в приват.
На счет: зачем? - я вообще не поимаю всех этих js-украшательств. Никогда не использовала, да и нафиг оно не надо.

 

[Boglen]

Does not exist, во во...лучше поставить что нибудь на флэше и не парицца..

 

[Unknown]

Да ну.. вообще украшательства не нужны, если хочешь инву до человека донести.. Если портфилио делаешь - дело другое..

 

[Шогал]

Создатель сайта (я обращаюсь ко всем, кто ЗА украшательства), попробуй следующее:
1) Закачай сайт на медленный хостинг
2) Очисть Temporary Internet Files.
3) Зайди на сайт и засеки время загрузки.
4) Это время покажет тебе, сколько будет ждать новый посетитель, пока не загрузятся все твои "прелести".
5) Если время слишком долгое, пользователь просто закроет окно, не дожидаясь окончания загрузки всех картинок и скриптов.
6) А если у него к тому же Windows 9x, то если сайт загрузится, он будет сильно жрать GDI, я сам когда-то юзал 98 - все именно так
7) Взвесил плюсы и минусы? Что лучше - красивая картинка или больше посетителей?

 

[lessi]

Люди, добрые! Прониклась критикой всяческих украшательств сайтов, согласна полностью. Но очень хочется, увидеть на своём сайте часы, (увидеть, а потом, возможно, что и убрать). Но. чтоб что-то убрать, надо это сначала создать. Поэтому, подскажите, пожалуйста, несведущему человеку, в какое место вставлять скрипт с часами.

 

[Trotil]

lessi
На каком уровне несведущий?

Предлагаю вставить вот такую флешку: http://guimc.ru/swf/clock_calendar.swf

 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="divtest" align="middle" height="150" width="150">
         <param name="allowScriptAccess" value="sameDomain">
         <param name="movie" value="/clock_calendar.swf">
         <param name="quality" value="high">
         <param name="bgcolor" value="#FFFFFF">
         <embed src="/clock_calendar.swf" quality="high" swliveconnect="true" bgcolor="#FFFFFF" name="divtest" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150">
        </object>

 

[shatoo]

Можно ли как-то зациклить музыку?

 

[Trotil]

shatoo
А как конкретно у тебя музыка воспроизводится?

 

[shatoo]

А как конкретно у тебя музыка воспроизводится?

с начала и до конца, потом замолкает, пока на воспроизведение снова не нажму,а хотелось бы, чтобы звучала все время, пока открыта страничка

 

[Trotil]

Я про код спрашивал

 

[shatoo]

<embed src="new.mp3" autostart="true"></embed>
вроде так

 

[Trotil]

Через embed если только на flash можно реализовать...

Есть трюк с bgsound (фоновой музыкой)

<head>
<bgsound id="my_sound" loop="-1">
</head>
<script language="JavaScript"><!--
function sound(clip) {
   document.getElementById('my_sound').src = ((clip) ? clip : "Nn.mp3");
}--></script> 
<form name=form1>
<select name=forma size=12 multiple onchange="sound(this.options[this.selectedIndex].value)" >
<option value="Nn.mp3">MMF-PRO_RU_Faktor_2_Tyi_prosti_menya</option>
<option value="A.ZACEPIN-ULETAYu.mp3">A-Evropa_Belyie Nebesa</option>

здесь выбор реализован через выпадающий список.

 

[Trotil]

Забыл указать, что решение не очень хорошее, т.к. bgsound не поддерживают альтернативные браузера.

 

[shatoo]

Trotil
Спасибо!