PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Question By
Unsolved

Clear text before/after

topher-walworth

Jan 29th, 2020 05:54 PM

Hi guys. Total HTML newbie here. I am trying to create 2 cell phones onscreen having a conversation. I've got the text the way I need it to be. But it puts ALL of the text on the screen and retypes it. I can't figure out how to start with blank screens. I would also like to clear the conversation after about a 30s delay so I can place a graphic on top of the screen area of the phones. Any help would be appreciated.

Here is the link - http://www.cssdesk.com/PqKrQ

Thanks,

Topher

bobbyiliev

Sep 25th, 2022 09:31 AM

Hi there,

I am just following up on some of the old unanswered questions on the site.

What you could do, is leave the text blank initially, that way when the page loads there will be no text.

Then using JavaScript you could wait a bit and then append the text to the specific div, eg:

<div id="divID"></div>
<script>
var div = document.getElementById('divID');

div.innerHTML += 'Text to append';
</div>

Hope that this helps anyone that comes across this in the future!

Best,

Bobby