Automatically Update the Current Month

This code dynamically changes the month on your website so you don't have to.

Copy Code

<script>
// Get the current month
var month = new Date().getMonth();

// Get the list of months
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

// Display the current month
document.getElementById("current-month").innerHTML = months[month]
</script>

This one's pretty simple to use. Just wrap whatever text element you're using in a <span></span> and then give it an ID of current-month.

Once you do that, the text that is wrapped in that span will display whatever the current month is.

A portrait of Dalton Craighead, a Web Designer and Web Developer.

Dalton Craighead

Web Design & Development

Follow me:

More Custom Code

Lenis Smooth Scrolling for Shopify

Lenis Smooth Scrolling for Shopify

Use this code snippet to create the smooth scrolling effect on your Shopify website.

Lenis Smooth Scrolling for Webflow

Lenis Smooth Scrolling for Webflow

Use this code snippet to create the smooth scrolling effect on your Webflow website.

Lightweight CSS Animations On Scroll

Lightweight CSS Animations On Scroll

Use this JS code snippet to take full advantage of CSS animations in your Webflow project.

Thank Your Users By Name On Form Submit

Thank Your Users By Name On Form Submit

Use this code to personally thank your visitors by name when they submit a form.

Create the Typewriter Effect with JavaScript

Create the Typewriter Effect with JavaScript

Use Typer.js and data attributes to easily create the popular typewriter effect in Webflow.

Truncate Any Lines of Text with an Ellipsis

Truncate Any Lines of Text with an Ellipsis

Limit the number of text lines to simulate a preview and to keep your designs clean.

Have a project in mind?

Let's work together.