# How to smoothen the counter display

**URL:** <https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345>\
**Category:** Dashboard\
**Created:** [9 February 2024 07:54 UTC](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345 "2024-02-09T07:54:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [9 February 2024 07:54 UTC](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345/1 "2024-02-09T07:54:25Z")

</div>

Hi, I have a input from a source which gives me a count every 1 second (usually 3 to 5, maximum 6). I want to totalise this and display as a cumulative counter for one minute and reset. currently the Minute counter displays like, 5,10,15,19 etc depending upon the first input.  
what would be the way to display the Minute counter as 1,2,3,4,5 so that the counting is continuous and smooth ? current display and expected display shown below.  
Current Display  
 ![counter](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/f/af95b3dcc015cfe14642b341a2bfcc6821ae86e3.gif)

Expected (simulation here)  
 ![counter1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/f/ffeb313d5d4781745319281c47097c97f599f58e.gif)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [9 February 2024 09:48 UTC](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345/2 "2024-02-09T09:48:22Z")

</div>

If i understand correctly

I would use the browser and some javascript to do this. Maybe feed in the new value to the browser and have the browser JS update the display value till it reaches the new value.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [10 March 2024 09:48 UTC](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345/3 "2024-03-10T09:48:40Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
