רוטר - צריך קצת עזרה ב JS .. ספירה לפני ביצוע פעולה

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"צריך קצת עזרה ב JS .. ספירה לפני ביצוע פעולה"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #12261	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 12261

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

16:06 10.06.07

צריך קצת עזרה ב JS .. ספירה לפני ביצוע פעולה

נגיד לעשות כפתור שרק אחרי 10 שניות פעיל

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
אם אתה מבין ב JS לא יהיה לך בעייה לעשות את זה..	lior066	10.06.07 16:21	1
אבל אם אני משתמש ב ONPAGELOAD	code_blue	10.06.07 16:25	2
הנה אחי:	MeToR	10.06.07 21:42	3
אממ קראתי את הכותרת שוב...	MeToR	10.06.07 22:04	4
איי איי אני מת על איך שאתה כותב קוד :)	Ice Cold	10.06.07 22:41	5
חחח תודה :)	MeToR	11.06.07 13:07	6
יש מצב אתה מסביר מה עשית?	ronen333	11.06.07 13:49	7
יש לך פה ני דברים..	lior066	11.06.07 14:02	8
אוקיי צעד צעד...	MeToR	11.06.07 14:08	9

lior066

16:21 10.06.07

1. אם אתה מבין ב JS לא יהיה לך בעייה לעשות את זה..
בתגובה להודעה מספר 0

אתה קובע שהכפתור יהיה לא זמין כלומר ENABLED = FALSE ואז..
אתה מריץ פונקצייה ב ONPAGELOAD
ששם אתה כל שנייה מוריד ממה שאתה קובע , וכאשר הספירה מגיעה ל 0 אתה משנה את המאפיין של הכפתור ל ENABLED = TRUE

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

16:25 10.06.07

2. אבל אם אני משתמש ב ONPAGELOAD
בתגובה להודעה מספר 1

זה אומר שאני כאילו שולח כל הזמן ריפרשים ..
ואני רוצה משהו רציף

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

21:42 10.06.07

3. הנה אחי:
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 10.06.07 בשעה 21:43 בברכה, MeToR

הכפתור:

<input type="button" id="buttonID" value="בצע" disabled="true">

בהתחלה הוא לא פעיל.
בתגית ה-body תעשה ככה:

<body onLoad="setTimeout('buttonEnable();',10000);">
והפונקציה buttonEnable:

function buttonEnable()
{
document.getElementById("buttonID").disabled=false;
}

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

22:04 10.06.07

4. אממ קראתי את הכותרת שוב...
בתגובה להודעה מספר 0

התכוונת גם שזה יציג את הזמן?

<html>
<head>
<script language="javascript">
var num=10;
var c=setInterval('buttonEnable();',1000);
function buttonEnable()
{
num-=1;
if (num==0)
{
document.getElementById("buttonID").disabled=false;
document.getElementById("counter").innerHTML="פעיל";
clearInterval(c);
}
else
document.getElementById("counter").innerHTML=num;
}
</script>
</head>
<body>
<input type="button" id="buttonID" value="בצע" disabled="true">
<div id="counter">10</div>
</body>
</html>

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

22:41 10.06.07

5. איי איי אני מת על איך שאתה כותב קוד :)
בתגובה להודעה מספר 4

מזכיר לי מאוד את הקודים שלי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

13:07 11.06.07

6. חחח תודה :)
בתגובה להודעה מספר 5

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

ronen333
חבר מתאריך 20.2.03
6069 הודעות

13:49 11.06.07

7. יש מצב אתה מסביר מה עשית?
בתגובה להודעה מספר 4

P=
לא הבנתי את כל הקטע הזה-

if (num==0) { document.getElementById("buttonID").disabled=false; document.getElementById("counter").innerHTML="פעיל"; clearInterval(c); } else document.getElementById("counter").innerHTML=num;}

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

lior066

14:02 11.06.07

8. יש לך פה ני דברים..
בתגובה להודעה מספר 7

פנייה לפקד של הכפתור ,
ופנייה לליבל או משהו שוא הקאונטר
אתה צריך לתת ב
("counter").

document.getElementById("counter").innerHTML=num

את השם של הפקד שלך ( הכפתור או הלייבל של הספירה..)

וזהו בתאכלס..

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

14:08 11.06.07

9. אוקיי צעד צעד...
בתגובה להודעה מספר 7

ערכתי לאחרונה בתאריך 11.06.07 בשעה 14:09 בברכה, MeToR

קודם כל, אחרי כל שניה שעוברת, הערך של המשתנה num קטן ב-1:

num-=1;
לאחר מכן, מתבצעת בדיקה אם num כבר הגיע ל-0:

if (num==0)
אם num הגיע ל-0, זאת אומרת שעברו 10 שניות, ואז צריכות לקרות 3 פעולות:
1. הכפתור צריך להיות פעיל:

document.getElementById("buttonID").disabled=false;
2. במקום שיירשם הזמן שיורד, כעת, יהיה רשום שהכפתור פעיל (אם אתה רוצה כמובן):

document.getElementById("counter").innerHTML="פעיל";
3. הקריאה החוזרת לפונקציה צריכה להיפסק, השעון צריך להיעצר:

clearInterval(c);
הסבר קצרצר:
disabled = false - עושה שהכפתור יהיה פעיל.
innerHTML - מה שיהיה כתוב ב-div של ה-counter.
clearInterval של c - מפסיק את הקריאה החוזרת שהוצבה במשתנה c.

כעת, נשאר ה-else, שמתבצע כל עוד השעון לא הגיע ל-0 (לא עברו 10 שניות):

else
document.getElementById("counter").innerHTML=num;

כל עוד לא עברו 10 שניות, זה ממשיך לכתוב את מספר השניות שנותרו ב-div שה-id
שלו זה counter (בעזרת innerHTML, שהסברתי מקודם מה הוא עושה).

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד