Repository files navigation

Time-Moji: A lightweight JavaScript library that adds dynamic and visually appealing time-based emoji displays to your web applications. With Time-Moji, you can easily convert the current time into corresponding emojis, adding a fun and engaging element to your time displays.

Features:

• Clock Emoji 🕥: Display the current time with a corresponding clock emoji, providing a fun and engaging user experience.
• Landscape Emoji 🏙️: Display landscape emojis to represent different times of the day, adding visual context to your time displays.
• Customization: Easily customize the appearance of your time displays by toggling between clock and landscape modes.
• Simple Integration: Integrate Time-Moji into your projects with just a few lines of JavaScript code, making it easy to add dynamic time displays to any web page.

Usage:

1. Include the Time-Moji library in your HTML file using a script tag.

<scriptsrc="https://cdn.jsdelivr.net/npm/time-moji@latest/time-moji.js"></script>

or

<scriptsrc="https://unpkg.com/time-moji/time-moji.js"></script>

or Install with NPM

npm i time-moji

2. Use JavaScript to dynamically update the time display based on the current time and chosen display mode.

Tmj.getTimeMoji(dateTime:Date,type:string)

3. Customize the appearance and behavior of your time displays to suit your application's needs.

Sample Usage

<divclass="emoji-time"></div><script>functionupdateTime(){constemoji=document.querySelector('.emoji-time');emoji.textContent=Tmj.getTimeMoji(newDate(),'clock');}window.addEventListener('DOMContentLoaded',()=>{updateTime();setInterval(updateTime,1000);});</script>

Table of Emojis

When 30min passed:

Any error will return '🚨'

License:Time-Moji is licensed under the MIT License, allowing you to use and modify the library freely in both personal and commercial projects.