الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

طريقة اظهار الوقت

مغلق
بدأه DBMS في 4 فبراير 2007 · 5 رد · 632 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته

حيالله شباب العرب .. :D

عندي موقع .. واريد أن أعرض عداد تنازلي .. وأقوم بتحديده من عندي مثلا : 45 دقيقة

ويظهر للمستخدم هذا الوقت (بحيث يرى المستخدم الوقت وهو يتنازل)

وبعد ذلك .. اذا وصل العداد الى وقت معين .. (مثلا 5 دقائق) تظهر له رسالة بأنه لم يتبقى الا خمس دقائق

أتمنى أن يكون سؤالي واضح

ولكم مني أجمل تحية ..

#2

حياك الله مايكروسفت داتابيس DBMS :P

بما انو العدد التنازلي سيكون عند ال Client يعني سنستخدم الجافا سكربت

كتبت لك مثال إن شاء الله يفي بالغرض

في البداية تحدد طول الوقت

وسيعطي اشارة عند وصوله لاخر 5 ثواني ...طبعاً تستطيع ان تغييرها وتغيير في الكود حسب احتياجك ;) 

<html>
<head>
<title>Timer</title>

<script LANGUAGE="JavaScript">

function Counter() {

	var LongTime = 15;  // Start 

	ViewCounter(LongTime);
}

function ViewCounter(LongTime) {

	Timer.number.value =--LongTime;

	if ( LongTime <=10)
		WarningTime(0);


	if (LongTime != 0)	
		window.setTimeout("ViewCounter("+LongTime+")",1000);
	else
		Timer.number.value="أنتهى الوقت";
}

function WarningTime(n) {

	table1.style.filter = "Glow(Color=#FF6666, Strength="+n+")";
	if (n<=8){
		n++;
		window.setTimeout("WarningTime("+n+")",100);
	}
}

</script>

</head>

<body onload ="Counter();" style="text-align: center">
<form name ="Timer">
<table border="1" width="50%" id="table1" height="134">
	<tr>
		<td>
		<p align="center"><br>
<input type ="text" name="number" VALUE="0" style="font-size: 40;" size="9"><br>
</td>
	</tr>
</table>
</form>
</body>

</html>

طريقة حماية الصفحة بالصورة العشاوائية Captcha

/index.php?showtopic=117870

#3

حياك عزيزي kabrs

بصراحة كنت متوقع ان الحل بالجافا سكربت ..

راح أجرب الحل وأرد لك .. وأشكر لك هذا التفاعل مع السؤال ..

يعطيك العافية دوماً ..

#4

اخي kabrs

الله يجزاك خير .. جربت الكود وماشي مضبوط ..

وعندي استفسار بسيط ..

هل أستطيع أجعل الوقت (متغير) يعني على حسب المستخدم .. فبعضهم يجعله مثلا 15 ثانية والآخر 40 دقيقة ..وهكذا

وكذلك كيف أتعامل مع (Source) بحيث أني أرسل لها متغيرات ..

ولكـَ مني خالص تحياتي ..

#5

DBMS ابشر :rolleyes:

طورنالك المثال بحيث يدخل المستخدم الفترة بالدقائق و اخر فترة للتنبيه .. وسيكون التنازل بالثواني

طبعاً تستطيع التغيير في المثال بحيث يتناسب مع متطلباتك .. يعني يمكن تغيير شكل التنبيه و طريقة العرض .. حاول تفهم الكود عشان تقدر تعدل فيه .. وإذا في شيء مو واضح ممكن اشرحو لك

اقتباس
وكذلك كيف أتعامل مع (Source) بحيث أني أرسل لها متغيرات ..

ما فهمت قصدك ؟؟ :blink:

الكود قبل لا انسى :D 

<html>
<head>
<title>Timer</title>

<script LANGUAGE="JavaScript">

function Counter(Status) {

	if (Status=="Start")
	{
		if (isInteger(Timer.EMinute.value) && Timer.EMinute.value.length >=1 && Timer.WMinute.value.length >=1 && isInteger(Timer.WMinute.value))
			{
				Timer.Msg.value="العداد شغال";
				Timer.Minute.value =--Timer.EMinute.value;
				ViewCounter('60');
			}			
		else
			{
					alert('اخي DBMS \n\n تأكد من أن عدد الدقائق مكون من ارقام او الوقت المتبقي  لازم تتأكد \n\n ولازم كمان يكون اكبر من الصفر يعني اقل شيء دقيقة واحدة');
			}
	}
	else if (Status=="Stop")
	{
		Timer.EMinute.value = Timer.Minute.value;
		Timer.Msg.value ="تم إيقاف التوقيت";
	}
}

function isInteger(s){

	for (var i = 0; i < s.length; i++){   
		// Check that current character is number.
		var c = s.charAt(i);
		if (((c < "0") || (c > "9"))) return false;
	}
	// All characters are numbers.
		return true;
}

function ViewCounter(LongTime) {

	if (Timer.Msg.value != "تم إيقاف التوقيت"){

	Timer.Second.value =--LongTime;

	if ( Timer.Minute.value<Timer.WMinute.value)
		WarningTime(0);


	if (LongTime != 0)	
		window.setTimeout("ViewCounter("+LongTime+")",1000);
	else if (Timer.Minute.value != 0){
		--Timer.Minute.value;
		window.setTimeout("ViewCounter('60')",1000);
		}
	else
		Timer.Msg.value="أنتهى التوقت";

	}
}

function WarningTime(n) {

	table1.style.filter = "Glow(Color=#FF6666, Strength="+n+")";
	if (n<=8){
		n+=2;
		window.setTimeout("WarningTime("+n+")",100);
	}
}



</script>

</head>

<body style="text-align: center">
<form name ="Timer">
<table border="0" width="30%" id="table2">
	<tr>
		<td align="center" width="20%"><input type="text" name="EMinute" size="20"></td>
		<td align="center" width="80%">ادخل عدد الدقائق</td>
	</tr>
	<tr>
		<td align="center" width="20%"><input type="text" name="WMinute" size="20"></td>
		<td align="center" width="80%">ادخل الوقت المتبقي للتنبيه بالدقائق</td>
	</tr>
	<tr>
		<td align="center" colspan="2"><br>
		<input type="button" value="إيــقــاف" name="B2" onclick ="Counter('Stop')"> 
		<input type="button" value="بدء التنازل" name="B1" onclick ="Counter('Start')"><br>
 </td>
	</tr>
</table>
<p> </p>
<table border="1" width="50%" id="table1" height="134">
	<tr>
		<td>
		<p align="center">
		<br>
		<input type="text" name="Msg" size="18" style="font-family: Times New Roman; font-size: 18pt; color: #800000; text-decoration: underline"><br>
		<br>
<input type ="text" name="Minute" VALUE="" style="font-size: 40;" size="5" dir="rtl"><font size="7">:</font><input type ="text" name="Second" VALUE="" style="font-size: 40;" size="5"><br>
 <br>
</td>
	</tr>
</table>
</form>
</body>

</html>

timer.htm

تم تعديل هذه المشاركة بواسطة kabrs في 6 فبراير 2007 في 18:48

طريقة حماية الصفحة بالصورة العشاوائية Captcha

/index.php?showtopic=117870

#6

الله يجزاك خير ..

تعبتك معي ..

راح أجرب الكود .. وأخبرك .. بس يمكن أتأخر بالرد لأني سأسافر

ولك كل الشكر والتقدير عزيزي ..

هذا الموضوع مغلق.

مواضيع مشابهة