JavaScript Round To The Nearest 5

11th April 2009 - 2 minutes read time

I have already talked about a JavaScript function that rounds To the nearest number, but this was only useful if the number needed to be to the nearest 10 (or factor of). The following function is similar, but will round the number to the nearest 5 or 10, depending which is closer.

function round5(x)
{
    return (x % 5) >= 2.5 ? parseInt(x / 5) * 5 + 5 : parseInt(x / 5) * 5;
}

Use the function like this:

alert(round5(12)); // returns 10
alert(round5(14)); // returns 15

Comments

Thanks for the function, it really helped! Robert

Robert

Thu, 12/13/2012 - 16:56
Would it not be simpler to do:function round5(x) { return Math.round(x / 5) * 5; }

Chris

Fri, 06/27/2014 - 11:49
Hi thanks for the method!! it really help me !!

Mark

Thu, 10/12/2017 - 09:42
Thanks!

Mike

Sat, 10/21/2017 - 16:46

Thanks

Fe

Mon, 12/06/2021 - 08:42
//  Round to the nearest m multiple
//  USAGE: roundN(32, 5) => 30 (the nearest five)
//  USAGE: roundN(33, 5) => 35 (the nearest five)
function roundN(x, m)
{
    //  if (1 == m) return Math.round(x);
    return ((x % m) >= (m / 2))
    //  round up
    ? m * Math.round((x + (m / 2)) / m)
    //  round down
    :    m * Math.round(x / m);
}

 

Bitty bitty bum

Fri, 02/11/2022 - 01:03

Add new comment

The content of this field is kept private and will not be shown publicly.

Related Content

Drupal 11: Finding A Better Way To Display Code Examples

18th January 2026

I've been running this site for about 18 years now and the code I post has been in much the same format since it was started. The code is rendered onto the page using a <code> element and (mostly) syntax highlighted using a JavaScript plugin.

Read more

Using Colour Schemes To Create Light And Dark Modes In CSS

31st August 2025

Allowing users to switch between light and dark colour schemes on websites is a popular feature. You can often see a small sun or moon icon that allows you to change from light mode to dark colour scheme, or visa versa. Some operating systems and user agents also have the ability to activate a dark colour scheme, which websites also pick up and use.

Read more

Creating A Mouse "Looking" Script With JavaScript

24th November 2024

I've seen lots of "our team" pages over the years, but one of the ones that stood out to me the most were those that had an interactive element to them. For me, it adds a bit of personality to the page and makes it feel more alive than a bunch of silhouettes of the directors.

Read more