Forum PHP.pl > Zegarek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Zegarek

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

lojciec14

29.06.2009, 09:34:12

Witam. Znalazłem niezły zegarek w sieci i chciałem się dowiedzieć, jak go zmodyfikować, żeby usunąć z niego pole tekstowe?

Link: http://webmaster.helion.pl/kurshtml/skrypt/zegarek.htm

Dzięki za pomoc.

skowron-line

29.06.2009, 09:41:41

tzn jakie pole tekstowe chodzi Tobie o input

[HTML] pobierz, plaintext 
<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 > 12) ? hours - 12 : hours);
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes;
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds;
    timeValue  += (hours >= 12) ? " P.M." : " A.M.";
    document.getElementById( 'oClock' ) = timeValue;
    timerID = setTimeout("showtime()",1000);
    timerRunning = true;
}
//-->
</script>
 
<div id="oClock"></div>
 
<script>startclock();</script>
[HTML] pobierz, plaintext

*pisane z palca.

lojciec14

29.06.2009, 09:47:25

Dokładnie chodzi mi o input. Skrypt, który podałeś nie chce ruszyć...

skowron-line

29.06.2009, 10:05:15

Mówisz i masz

[HTML] pobierz, plaintext 
<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 > 12) ? hours - 12 : hours);
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
timeValue += (hours >= 12) ? " P.M." : " A.M.";
 
document.getElementById( 'oClock' ).innerHTML = timeValue;
 
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
//-->
</script>
 
<body onload="startclock();">
<div id="oClock"></div>
[HTML] pobierz, plaintext

lojciec14

29.06.2009, 10:19:09

Dzięki. A dałoby radę dołożyć jeszcze napis Godzina: (tutaj wyświetlany zegar)

Chodzi mi o to, że jak przed skryptem postawię napis godzina, to robi mi po nim enter, a chciałbym mieć to wszystko w jednej linii. No i jeszcze jedno. Jak zamienić system 12h na 24h ?

Wicepsik

29.06.2009, 10:26:31

[HTML] pobierz, plaintext 
<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;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
 
 
document.getElementById( 'oClock' ).innerHTML = timeValue;
 
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
//-->
</script>
 
<body onload="startclock();">
<div id="oClock"></div>
[HTML] pobierz, plaintext

Tak trudno popatrzeć na kod? Nie znam się na javascript i jakoś mi się udało... MYŚL!

skowron-line

29.06.2009, 10:26:37

[HTML] pobierz, plaintext 
document.getElementById( 'oClock' ).innerHTML = "Godzina: "+timeValue;
[HTML] pobierz, plaintext

lojciec14

29.06.2009, 10:28:49

Dziękuję serdecznie. Wszystko działa jak należy

Efekt można zobaczyć tutaj: http://oldschoolplayers.pl/index.php?act=uportal tabelka "Dzisiaj po prawej stronie

kamil4u

29.06.2009, 13:21:36

Ja jeszcze dam link do pewnego zegarka : http://rafael.webd.pl/tmp/zegar/ - warto spojrzeć w kod

nexis

29.06.2009, 13:40:05

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Zegarek</title>
		<script type="text/javascript">
			function showtime()
			{
				var now     = new Date();
				var hours   = now.getHours();
				var minutes = now.getMinutes();
				var seconds = now.getSeconds();
				var timeValue;
 
				timeValue  = hours;
				timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
				timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
 
				document.getElementById( 'oClock' ).innerHTML = 'Godzina ' + timeValue;
 
				setTimeout("showtime()", 1000);
			}
		</script>
	</head>
	<body onload="showtime();">
		<div id="oClock"></div>
	</body>
</html>
[HTML] pobierz, plaintext

kefirek

29.06.2009, 14:45:15

[HTML] pobierz, plaintext 
<script type="text/javascript">
function czas()
{
var d = new Date();
sekund = (d.getSeconds());
minut = (d.getMinutes());
godzin = (d.getHours());
if (minut<=9)
minut= "0" + minut;
if (sekund <= 9 )
sekund ="0" + sekund;
if (godzin <= 9 )
godzin ="0" + godzin;
 
document.getElementById('div1').innerHTML = "Czas: " + godzin + ":" + minut + ":" + sekund;
}
 
window.setInterval(czas,1000);
</script>
 
<div id="div1"></div>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.