ساعت عددي با reset شروع كار ساعت با عددي دلخواه

ساعتي عددي با امكان شروع بكار كردن ساعت با عددي دلخواه

سلام

من يك ساعت ميخوام كه شروع بكاركردن اون بوسيله دادن ساعت و دقيقه و ثانيه از طرف ما صورت گيرد،

و مانند يا ساعت معمولي زمان را نشان دهد .

(اگر متوجه نشديد بيشتر توضيح بدم؟!)

ممنون ميشم اگه كسي كمكي كند. :)
 
آخرین ویرایش:

mazoolagh

Active Member
عروس بازی و کنترل مقادیر ورودیش با خودت:
HTML:
<html>
<head>
<script language="javascript">
var TIME ;
var INTV ;
function Start_Clock() {
	x = document.getElementById("HMS").value.split(":") ;
	TIME = new Date(2000,1,1,x[0],x[1],x[2]) ;
	INTV = window.setInterval ("Show_Clock()",1000) ;
	}
function Show_Clock() {
	window.CLOCK.innerText = TIME.getHours() + ":" + TIME.getMinutes() + ":" + TIME.getSeconds() ;
	TIME.setTime(TIME.getTime()+1000) ;
}
</script>
</head>
<body>
HH:MM:SS=<input id="HMS" type="text" size="8">
<input type="button" value="START" onclick="Start_Clock();">
<input type="button" value="STOP" onclick="window.clearInterval(INTV);">
<p>
<div id="CLOCK"></div>
</body>
</html>
 
خيلي ممنونم از پاسختون. :wink:

ولي صحيح كار نميكنه! ( در firefox ثابته! در IE ثانيه ها رو سريع تر ميشماره! )
 
آخرین ویرایش:

mazoolagh

Active Member
اگر بخوای ساعتت دقیق باشه روش رو باید عوض کرد (کد پایین) ولی ممکنه مشکل چشمک زدن در فایرفاکس (بطور کلی مرورگرهای Gecko) داشته باشه
ضمنا این کد در هر مرورگری کار میکنه

HTML:
<html>
<head>
<script language="javascript">
var DIFF ;
var INTV ;
function Start_Clock() {
	x = document.getElementById("HMS").value.split(":") ;
	TIME = new Date(2000,1,1,x[0],x[1],x[2]) ;
	DIFF = new Date() - TIME ;
	INTV = window.setInterval("Show_Clock()",500) ;
}
function Show_Clock() {
	TIME = new Date(new Date() - DIFF) ;
	document.getElementById("CLOCK").innerHTML = TIME.getHours() + ":" + TIME.getMinutes() + ":" + TIME.getSeconds() ;
}
</script>
</head>
<body>
HH:MM:SS=<input id="HMS" type="text" size="8">
<input type="button" value="START" onclick="Start_Clock();">
<input type="button" value="STOP" onclick="window.clearInterval(INTV);">
<p>
<div id="CLOCK"></div>
</body>
</html>
 
خيلي خيلي خيلي . . . . متشكرم :)

واقعا كه كمك بزرگي بهم كرديد.

براحتي ميشه (اگه مشكله، نميخواد! :wink: ) كاري كرد كه در همه حالات بصورت 8 كاراكتري 08:04:00
ببينيم، و تعداد كاراكترها كمتر نشه؟! مثل اين:
کد:
8:4:0

پيروز باشيد.
 

mazoolagh

Active Member
قرار بود عروس بازیش با خودت باشه :D
HTML:
<html>
<head>
<script language="javascript">
var DIFF ;
var INTV ;
function Start_Clock() {
	x = document.getElementById("HMS").value.split(":") ;
	TIME = new Date(2005,5,23,x[0],x[1],x[2]) ;
	DIFF = new Date() - TIME ;
	INTV = window.setInterval("Show_Clock()",500) ;
}
function Show_Clock() {
	TIME = new Date(new Date() - DIFF) ;
	HH = TIME.getHours() ;
	MM = TIME.getMinutes() ;
	SS = TIME.getSeconds() ;
	document.getElementById("CLOCK").innerHTML =
		((HH<10)? "0"+HH:HH) + ":" + 
		((MM<10)? "0"+MM:MM) + ":" + 
		((SS<10)? "0"+SS:SS) ;
}
</script>
</head>
<body>
HH:MM:SS=<input id="HMS" type="text" size="8">
<input type="button" value="START" onclick="Start_Clock();">
<input type="button" value="STOP" onclick="window.clearInterval(INTV);">
<p>
<div id="CLOCK"></div>
</body>
</html>

راستي نميخواي ساعتش ديجيتال باشه؟
 

جدیدترین ارسال ها

بالا