Show/Hide Based on Date/Time [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

Show/Hide Based on Date/Time

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Show/Hide Based on Date/Time
// ".before" is class to show before time, and ".after" is class to show after
window.setInterval(function() {
let current = new Date();
let expiry = new Date("Mar 29, 2020 20:21:00")
if (current.getTime() > expiry.getTime()) {
$('.before').hide();
$('.after').show();
} else if (current.getTime() < expiry.getTime()) {
$('.before').show();
$('.after').hide();
}
}, 0);
view raw hide-after-date.js hosted with ❤ by GitHub

Hide, show or do something else with an element based on a specific date and time.

Tags

Javascript
Hide/Show
Time

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
3.27.20

Similar items

Items
52
Layout
Grid View
Row View
Danis Pekić
Inspo
Website
/ 

Danis Pekić

10.8.24
Creative, Personal, Portfolio, Webflow
HF-11
Inspo
Website
/ 

HF-11

10.8.24
Transportation, Landing, Animation, Webflow, Joseph Berry
Frameship
Tools
App
/ 
Website

Frameship

10.8.24
No-code, Ecommerce, App, Framer, Shopify
Cap
Tools
App
/ 

Cap

10.8.24
Technology, Video, Workflow
Hartmann Capital
Inspo
Website
/ 

Hartmann Capital

10.8.24
Technology, Financial, Marketing, Webflow, GSAP
Blocs Framer Plugin
Tools
Utility
/ 

Blocs Framer Plugin

10.3.24
No-code, Components, Design System, Workflow, Framer
Irene Butenko
Inspo
Website
/ 

Irene Butenko

10.3.24
Creative, No-code, Personal, Portfolio, Webflow
Jack Elder
Inspo
Website
/ 

Jack Elder

10.3.24
Creative, Personal, Portfolio, Framer
Displace Figma Plugin
Tools
Utility
/ 

Displace Figma Plugin

10.1.24
Creative, Assets, Workflow, Figma
Codefortify
Tools
App
/ 
Website

Codefortify

10.1.24
Security, Dev Tools, Web Apps, Landing, Webflow, Black Peak
AKARI
Inspo
Website
/ 

AKARI

10.1.24
Creative, Interactions, Animation, Webflow
Spot Insurance
Inspo
Website
/ 

Spot Insurance

9.30.24
Insurance, Marketing, Webflow
Ivan Duzhak
Inspo
Website
/ 

Ivan Duzhak

9.30.24
Creative, No-code, Personal, Portfolio, Webflow
DivBlockers
Inspo
Website
/ 

DivBlockers

9.30.24
Creative, No-code, Agency, Portfolio, Webflow, DivBlockers
TaxGPT
Inspo
Website
/ 

TaxGPT

9.30.24
Financial, AI, Marketing, Webflow
Departure Mono
Tools
Fonts
/ 

Departure Mono

9.30.24
Creative, Fonts, Assets
Polypane
Tools
App
/ 

Polypane

9.30.24
Dev Tools, QA, Workflow
BRANDIV
Inspo
Website
/ 

BRANDIV

9.27.24
Creative, No-code, Brand Guide, Components, Design System, Webflow, 473
Modern Tax
Inspo
Website
/ 

Modern Tax

9.27.24
Financial, Landing, Scrollytelling, Interactions, Webflow, GSAP
Dither Figma Plugin
Tools
Utility
/ 

Dither Figma Plugin

9.27.24
Creative, Assets, Workflow, Figma
Toolkit by Flow Guys
Tools
Utility
/ 

Toolkit by Flow Guys

9.27.24
No-code, CMS, HTML, Forms, Extending, Workflow, Webflow
Tobias van Schneider
Inspo
Website
/ 

Tobias van Schneider

9.27.24
Creative, Personal, Portfolio, Semplice
Video Frame Extractor
Tools
Utility
/ 

Video Frame Extractor

9.26.24
Creative, Assets, Video, Workflow
Jordan Butcher
Inspo
Website
/ 

Jordan Butcher

9.24.24
Creative, Personal, Portfolio, Webflow
Panels
Inspo
Website
/ 

Panels

9.24.24
Creative, App, Landing, Webflow
Squarespace Refresh 2024
Inspo
Website
/ 

Squarespace Refresh 2024

9.24.24
SAAS, Website Builder, Landing, Squarespace
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.