Time Remapping Expressions in After Effects

Time-remapping expression integration in Adobe After Effects is a powerful workflow that combines time manipulation with JavaScript-based code to control the playback of video clips, pre-compositions, and animations programmatically. Instead of relying on manual keyframes to alter playback speed, direction, or duration, users apply expressions to dynamically automate playback behaviors such as seamless looping, audio-driven speed shifts, randomized stuttering, and marker-based navigation.

Understanding Time Remapping

Time Remapping is a native After Effects feature that separates a layer's internal timeline from the main composition timeline. When enabled (via Layer > Time > Enable Time Remapping or Ctrl+Alt+T / Cmd+Opt+T), After Effects creates two default keyframes representing the start and end points of the layer in seconds. Changing the values or positions of these keyframes alters the speed, freezes frames, or reverses the playback.

How Expressions Integrate with Time Remapping

By Alt-clicking (Windows) or Option-clicking (macOS) the stopwatch next to the Time Remap property, you can replace or augment manual keyframing with an expression. The expression outputs a single numerical value representing time in seconds. Whatever value the expression calculates at any given frame dictates the exact moment of the footage or pre-comp displayed on screen.

Common Use Cases

  • Seamless Looping: The standard loopOut("cycle") or loopOut("pingpong") expression allows animated pre-comps or video assets to repeat infinitely without duplicating footage or manually copying keyframes.
  • Audio-Reactive Playback: By linking the Time Remap property to the slider values of an "Audio Amplitude" layer, motion designers can cause playback speed or direction to react dynamically to the rhythm and beats of a soundtrack.
  • Marker-Based Triggering: Expressions can reference composition or layer markers to play specific segments of an animation on demand, such as triggering a button-click animation whenever a marker appears.
  • Controlling Speed with Sliders: An expression can link Time Remapping to an Expression Controls Slider on a null object, allowing you to ramp video speed up or down smoothly across multiple layers simultaneously.
  • Wiggle and Glitch Effects: Using the wiggle() function on Time Remap causes the playback head to jump erratically back and forth, creating realistic digital stutter, rewinds, or glitch aesthetics.

Key Benefits

Integrating expressions with Time Remapping saves substantial production time, eliminates repetitive keyframing, and enables procedural animation setups. It transforms static time-stretching into an adaptable, interactive system that updates automatically when other elements in the composition change.