Simple Javascript Math Function

Question

This should be easy, but for some reason I keep approaching it wrong.

I need to incrementally increase a base number, on a one to infinity scale.

I have a number representing in milliseconds the duration of an animation, starting at 750. I have another number, representing the number of elements we are skipping.

var animationDuration = 750;
var difference = Math.abs(currentPanelIndex - target); //somewhere from 1 - X

I need to increase animationDuration incrementally for each number in difference.

What's the incrementation for? What does it mean to "skip elements"? What is the animation doing? What are currentPanelIndex and target? — Felix Kling
– Felix Kling, Commented Oct 7, 2011 at 23:43
Base number? Skipped elements? I don't understand what you're asking -- can you show some pseudo-code of what you'd like to happen? How are animationDuration, currentPanelIndex and target related? (That's probably the core of your question, but they're too unobvious for me to understand so far.) — sarnold
– sarnold, Commented Oct 7, 2011 at 23:43
A bit more detail on your question would be useful, it's not quite clear what you're trying to achieve here. — Deleteman
– Deleteman, Commented Oct 8, 2011 at 0:45

Charles Bretana · Accepted Answer · 2011-10-07 23:42:47Z

2

  animationDuration = difference * increment ??

answered Oct 7, 2011 at 23:42

Charles Bretana

147k24 gold badges158 silver badges219 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wesley · Accepted Answer · 2011-10-10 20:55:31Z

0

Solution:

Math.abs(currentPanelIndex - target) gives us our difference (animationDuration / 10) gives us an increment that is 1/10 of the standard duration

So: var currentDuration = Math.abs(currentPanelIndex - target) * (animationDuration / 10) + animationDuration;

answered Oct 10, 2011 at 20:55

Wesley

5,6309 gold badges47 silver badges72 bronze badges

Collectives™ on Stack Overflow

Simple Javascript Math Function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related