Javascript Best Codes

Why sign up?
- One account for five websites!
- Free access to Premium Codes
- Acess to cool web tools
- Ask and answer questions
- Stay ahead of other web developers
- and MUCH MORE!

Home

Links

Sitemap

About Us

Feel The Power

Javascript Code: Twinkle Text

Previous Code

Next Code

When you want to warn a message to the users of your website or inform them of the latest news and discounts, you can use the flashing effect for the texts. In this code, the text is displayed once every half a second, and this cause the text to twinkle.

<!-- this script got from www.javascriptfreecode.com - Coded by: Krishna Eydat -->

<style>
.center {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:30px;
    height: 100%;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" ></script>
<div id="Foo" class="center">Javascript Free code</div>
<script>
$(document).ready(function () {
    var f = document.getElementById('Foo');
    setInterval(function () {
        f.style.display = (f.style.display == 'none' ? '' : 'none');
    }, 500);

});
</script><a target="_blank" href="https://www.javascriptfreecode.com/" style="font-size: 8pt; text-decoration: none;font-family:Tahoma">Javascript Free Code</a>

If you don't know how to use this code or need more information Click here!

Compatible browsers: