Skip to main content
M
Merry_navigator01AB
Participating Frequently
August 10, 2024
Answered

Count-Up Timer Configuration Tutorial

  • August 10, 2024
  • 2 replies
  • 5745 views

The YT link below shows a Count-Up Timer tutorial I hope somebody in this forum can expand on because what I need to do is not covered in the tutuorial:

 

https://www.youtube.com/watch?v=FhDK12uvOBM 

 

I need the timer to start at 1hour:30minutes:00seconds and then count-up to 1hour:37minutes:00seconds. What is the correct slider, keyframe, composition and/or expression edits needed so the clock counts up 7minutes and comes to a stop at 1hour:37minutes:00seconds? I hope somebody can give me some advice because I cannot make such a countup animation work correctly.

 

Below is the timer expression I am using just in case it needs to be modified to make this animation work as I described:

 

slider = Math.round(effect("Slider Control")("Slider"))

sec = slider%60
x = Math.floor(slider/60)

min= x%60

hour = Math.floor(slider/3600)

function addZero(n){ if (n<10) return "0" + n else return n }

addZero(hour) + ":" + addZero(min) + ":" + addZero(sec)

 

    Correct answer Airweb_AE

    Like this:


    Don't forget to extend your text layer duration until the end of the composition.

    And set your composition duration to 7 minutes, not 7 seconds.

    2 replies

    M
    Muhammad_Zahid0126
    Participating Frequently
    December 3, 2024

     

    To configure the Count-Up Timer to start at 1 hour 30 minutes and counting tools up to 1 hour 37 minutes in After Effects, you need to adjust your expression and keyframes as follows:

    1. Start Time Adjustment: Set your Slider Control value to 5400 (for 1 hour 30 minutes) at the starting keyframe.

    2. End Time Adjustment: Set the Slider Control to 5520 (for 1 hour 37 minutes) at the ending keyframe.

    3. Expression Edit: Your existing expression seems correct, but ensure the slider value smoothly interpolates between 5400 and 5520 over time. Here's a modified version of your expression:

     

    javascript
    slider = Math.round(effect("Slider Control")("Slider")) sec = slider % 60 x = Math.floor(slider / 60) min = x % 60 hour = Math.floor(slider / 3600) function addZero(n) { if (n < 10) return "0" + n return n } addZero(hour) + ":" + addZero(min) + ":" + addZero(sec)
     
    1. Keyframes: Apply keyframes to the Slider Control, starting at 5400 at the beginning and 5520 at the end (after 7 minutes).

    This should allow the timer to count up from 1 hour 30 minutes to 1 hour 37 minutes.

    A
    Airweb_AE
    Braniac
    August 10, 2024

    1/ Create a text layer and enter 01:30:00, the count-up will start from this value

    2/ add a slider control, set the value to 7*60 (for 7 minutes)

    3/ then add this expression

     

    seconds = effect("Slider Control")(1);
val = value.split(':');
timeToCurrentFormat(Math.floor(Number(val[0]) * 3600 + Number(val[1]) * 60 + Number(val[2]) + Math.min(time, seconds))).slice(0, -3)

     

      M
      Merry_navigator01ABAuthor
      Participating Frequently
      August 11, 2024

      Airweb_AE,

      Thank you for your post. I am a beginner After Affects user so please excuse my newbie questions.  I have attached a screenshot of what I am looking at in my AE GUI.  Below I summarize your three steps from my POV:

       

      Step 1:  May you please elaborate where the 01:30:00 value gets entered? It is not clear to me if you mean enter it in the "Start Timecode" (D) field or the "Duration" (E) field in the Composition Setting window.

      Step 2:  No problem here because I followed the steps shown in the video.

      Step 3: Just to confirm. Your expression 100% replaces the old expression I was using. Correct?

       

      The problem I am experiencing is the Slider Control does not dynamically change the RED minute numbers when I drag my mouse over the "420" slider control value. I think it may have something to do with how the areas I have circled in RED denoted as (A), (B) and (C) do not match the screenshot you posted.  

       

      May you please provide some insight on what configuration changes I need to make so that my (A), (B) and (C) values match the ones you have.  Thank you for your time.

       

       

      A
      Airweb_AE
      Braniac
      August 11, 2024

      Like this:

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices