optimization - javascript block movement animation issue -
मेरे पास ऐसी स्क्रिप्ट है जो छवि चलती है
var फ़ोकस = document.getElementById ('फ्लाइंगफोकस '); // यह छवि var फ्लाइंगिंग फोकसहैंडलर = फ़ंक्शन () के साथ ब्लॉक है {var फ्लाइंगप्रोसेस टाइम = 120, फ्लाइंगडिवेशनफ्रैमकाउंट = 8, फ्लाईंगफ़ोस्टहैइट = 84, प्रीपोज़ीशन, सेल्फ = यह, फ्रेम्सइंटरवल = फ्लाइंगप्रक्रिया टाइम / फ्लाइंग डिविजनफ्रामेस्काउंट; This.move = function (prevIndex, nextIndex, callback) {if (undefined === prevPosition) {prevPosition = (prevIndex + 1) * उड़ानः StepHeight; } Var newPosition = (अगला इंडेक्स + 1) * उड़ानः स्टीफहाइट; Var टाइमिंग, चालूफ्रेम = 0; Var प्रारंभिक स्थिति = (parseInt (focus.style.top) || 0); Var विस्थापन = (newposition - prevPosition) / उड़नडिवाइस फ़्रेमकाउंट; टाइमिंग = सेट इन्टरवॉल (फ़ंक्शन () (यदि (वर्तमान फ़्रेम & gt; फ़्लाइंगडिव्हिजनफ्रॉम्सकाउंट) {स्पष्ट अंतराल (टाइमिंग); कॉलबैक ();} फ़ोकस। स्टाइल.टॉप = (प्रारंभिक स्थिति + (विस्थापन * वर्तमानफ्रेम)) + 'पीएक्स'; वर्तमानफ्रेम ++;} , फ्रेम अंतराल); पिछलापन = एन ईवपशन; }}; Var एफएफ = नए फ्लाइंग फोकसहैंडलर (); Ff.move (0,1, फ़ंक्शन) (/ कदम कार्रवाई के बाद * /}); prevIndex, nextIndex - list.prevIndex में तत्वों की स्थिति - उस तत्व की स्थिति जो वर्तमान में हाइलाइट की गई है, और अगले एलेमेंट स्थिति को हाइलाइट किया जाना चाहिए।
समस्या यह है कि आंदोलन बहुत धीमा है मैं इस स्क्रिप्ट को कैसे अनुकूलित कर सकता हूं? मुझे केवल शुद्ध जेएस की जरूरत है यह 2011 में जारी किया गया था जो वेबकिट के साथ लक्ष्य पर चलता है कृपया मदद करें शायद कुछ डॉक्स या एल्गोरिदम?
Comments
Post a Comment