Animation Loop Total Runtime

Finite/fractional animation iterations and signed delay; infinite explicitly flagged with zero placeholders, no Infinity output or inferred reduced-motion policy. Explicit supplied computed/layout context only; not a browser cascade/layout engine or cross-browser guarantee.

Description

Finite animation runtime depends on duration, iterations and delay.

Finite animation runtime depends on duration, iterations and delay.^[1]

Infinite iterations require a separate unbounded indicator rather than interpreting numeric placeholders as completion. Use Animation Loop Total Runtime to evaluate the supplied inputs under the specific model below.

When to use Animation Loop Total Runtime

Use Animation Loop Total Runtime to evaluate the supplied inputs under the specific model below. Define the supplied layout, token or rendering scenario and establish the relevant units and browser context independently.

How to use Animation Loop Total Runtime and understand its results

Define the supplied layout, token or rendering scenario and establish the relevant units and browser context independently.
Enter Duration seconds, Iteration count, Delay seconds, Infinite iterations using the field table and validation rules below, then run the tool.
Read Finite active runtime seconds, Finite completion after start seconds, Is unbounded and interpret units, signs, ordering and placeholders as explained below.
If the tool reports an input error, correct that field and rerun. A successful false result, empty match list or unknown-evidence placeholder has the specific meaning described here; check the limitations before applying the result.

Input field	Meaning	Value type	Requirement
durationSeconds	Duration seconds	number	Required; constraints below
iterationCount	Iteration count	number	Required; constraints below
delaySeconds	Delay seconds	number	Required; constraints below
infiniteIterations	Infinite iterations	boolean	Required; constraints below

Enter nonnegative duration and iteration count, a finite signed delay in seconds and an infinite flag. Fractional iteration counts are accepted. For finite animation return duration×iterations and max(0,activeRuntime+delay). For infinite animation return an unbounded flag with zero runtime and zero completion placeholders; those zeros do not mean completion. No animation events are simulated.

finite: activeSeconds = durationSeconds×iterations; completionSeconds = max(0,activeSeconds+delaySeconds); infinite: unbounded=true

Field order, units and branch conditions follow the implementation explanation above.

Output field	Meaning	Value type
finiteActiveRuntimeSeconds	Finite active runtime seconds	number
finiteCompletionAfterStartSeconds	Finite completion after start seconds	number
isUnbounded	Is unbounded	boolean

json

{
  "input": {
    "durationSeconds": 2,
    "iterationCount": 2.5,
    "delaySeconds": -1,
    "infiniteIterations": false
  },
  "output": {
    "finiteActiveRuntimeSeconds": 5,
    "finiteCompletionAfterStartSeconds": 4,
    "isUnbounded": false
  }
}

Limitations and assumptions

Infinite iterations require a separate unbounded indicator rather than interpreting numeric placeholders as completion. Apply the exact scope and assumptions described above.

All listed fields require explicit values. Unexpected fields, incorrect types, nonfinite numbers and sparse arrays fail validation. Domain-specific bounds, alignments and supported tokens are stated above; extremely large inputs or outputs can also be rejected. These errors differ from successful results such as false, no matches or unknown evidence.

Alternative or Complementary methods

Use Transition Total Duration Multi-Property Sum for a related task: Concurrent transitions complete at their latest active end time.

Use flex:1 Shorthand Expansion for a related task: The flex shorthand combines growth, shrinkage and basis components.

References

Animation Loop Total Runtime — tool.io

Similar or alternative tools

Transition Total Duration Multi-Property Sum
Concurrent transitions complete at their latest active end time.
flex:1 Shorthand Expansion
The flex shorthand combines growth, shrinkage and basis components.