Sunday

Monday

Tuesday

Wednesday

Thursday

Friday

Saturday

January

February

March

April

May

June

July

August

September

October

November

December

1st

2nd

3rd

4th

5th

6th

7th

8th

9th

10th

11th

12th

13th

14th

15th

16th

17th

18th

19th

20th

21st

22nd

23rd

24th

25th

26th

27th

28th

29th

30th

31st

Time Based Reveal

This project uses a script to look at the day of the week, current month, and current date. Then shows a div that matches that day, month, or date. Make the parent div have an id of "days", "months", and "dates". These ids can be whatever you like as long as the scripts are adjusted to match.

Place this styling in the Inside Head Tag custom code page settings.

<style>

#days > div {display: none;}

#months > div {display: none;}

#dates > div {display: none;}

</style>‍

Place this script in the Before /Body Tag custom code page settings.

<script>

$('#days > div').eq(new Date().getDay()).show();

$('#months > div').eq(new Date().getMonth()).show();

$('#dates > div').eq(new Date().getDate()).show();

</script>

Feel free to use this code in your own project. First design the element the way you want it and then add the code.