אוקי, אז העיליתי דף של המחלקה:
https://2007-uploaded.fresh.co.il/2...6/41384172.html

המחלקה יודעת לעשות fade לינארי, ו- fade בצורת סינוס (יוצר תחושה יותר רכה). ה- fade in בצורת סינוס, וה- fade out בצורה לינארית אבל שניהם במהירות זהה.

המחלקה עובדת מצויין כמו בהדגמה, אבל כשאני עושה למשל את הקוד הזה:

קוד:

fade.initIn(true, 30);
fade.initOut(false, 30);

זה לא מחכה שה- fade in יסיים וישר קופצת ל- fade out
אשמח לפידבקים לגבי התכנון של המחלקה, ולפתרון לבעיה

מקווה שהרעיון שלי מספיק אלגנטי (ובמיוחד שהוא פועל):

יצרתי משתנה מחלקה:

קוד:

	this.inUse = false;

הגדרתי אותו כ- false כערך התחלתי. משתנה זה "אומר" לך אם משתמשים ברגע זה במחלקה, באחת מהפונקציות שמבצעות את ה-fade.

ואז, לדוגמא, בפונקציה initIn כתבתי:

קוד:

	this.initIn = function(sine, speed)
	{
		if (this.inUse)
		{
			window.setTimeout("this.initIn(sine, speed);", timeToRun);
			return false;
		}
		window.clearInterval(this.handler);
		this.sine = sine;
		this.counter = 0;
		this.setOpacity(0);
		
		this.handler=window.setInterval("this2.fadeIn(this2.obj);", speed);
		return this.inUse = true;
	}

בפרמטר השני של הפונקציה window.setTimeout כתבתי את המשתנה timeToRun, כיוון שלא הבנתי בדיוק כמה זמן לוקח לכל פונקציה לבצע את ה-fade שלה. ו-30 מילישניות לא היה נראה לי הגיוני...אולי 3 שניות הגיוני, אבל השארתי את החלק הזה לך.

אכן 3 שניות.. 30 * 100 (מספר הפעמים שאני משנה את הצבע) זה 3000..

בכל מקרה, פידבקים לגבי המחלקה?

תכנון מערכת מונחית עצמים הוא יותר אומנות מאשר תכנות. אין טעם להגיב על מימוש של מחלקה כשאפשר לכתוב ממשק זהה בעשרות דרכים שונות.
אם העיצוב נוח לך, הביצועים מספקים אותך, והמטרה מתבצעת - אל תחפש ביקורת