miglu149
mm1
Imię: Piter
Pomógł: 30 razy Wiek: 30 Dołączył/a: 21 Lip 2008 Posty: 2220
|
Wysłany:
2008-07-21, 15:08 [JavaScript] Zegarek na stronę lub bloga
|
|
|
Pokaże Wam jak zrobić prosty zegarek na stronę. W JavaScript oczywiście...
Może najpierw kod:
Kod <script language="javascript">
<!--W3e JAVAscript Preset
var timerID = null;
var timerRunning = false;
function stopclock()
{
if(timerRunning)
clearTimeout(timerID)
timerRunning = false;
}
function startclock()
{
stopclock();
showtime();
}
function showtime()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timeValue = "" + ((hours > 24) ? hours - 24 : hours);
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000); //tutaj widzimy, że zegarek odświerza się co sekundę, bo 1000 to sekunda. Najlepiej zostawić tak jak jest.
timerRunning = true;
}
//-->
</script>
<form name="clock" onSubmit="0">
<input type="text" name="face" size="24">
</form>
<script>startclock();</script>
To jest zegarek "polski", czyli z 24 godzinami. Aby zrobić z tego zegarek "angielski" wystarczy pod Kod timeValue += ((seconds < 10) ? ":0" : ":") + seconds; dodać Kod timeValue += (hours >= 12) ? " P.M." : " A.M."; a w tym miejscu: Kod var timeValue = "" + ((hours > 24) ? hours - 24 : hours); liczbę 24 zamienić na 12.
Pozdrawiam
|
|