JavaScript Content Typewriter

Posted on


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
body {
background:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.text-container {
width:400px;
padding:10px;
font-size:12px;
height:200px;
line-height:20px;
color:#666;
text-align:justify;
border:10px solid #000;
background:#FFFFFF;
margin:30px auto;
border-radius:8px;
}
</style>
<script type=”text/javascript” src=”jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
var type_writer_handler, counter = 0, text = ”;
var input_text = “Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”;

function typewriter(){
var text_count = input_text.length;
if (counter <= text_count) {
var counter_minus = counter-1;
text += input_text.substring(counter_minus,counter);
document.getElementById(“text_output”).innerHTML = text;
counter++;
} else {
window.clearInterval(type_writer_handler);
}
}
type_writer_handler = setInterval(typewriter, 50);

</script>
</head>

<body>
<div class=”text-container” id=”text_output”></div>
</body>
</html>

This entry was posted in Javascript.

2 thoughts on “JavaScript Content Typewriter”

    Siddharth Jain said:
    May 25, 2013 at 4:54 AM

    Reblogged this on Web Development Tips.

    Reply
    breville Coffee Maker coupon said:
    June 1, 2013 at 12:51 AM

    As a consequence, proceed by get started with ones personal %LINK2%?
    Set them all the way through air-tight label subsequently organize them in freezer cooler plastic bags.
    planning to these wedding ceremony, A pair of. Consumer may function as entirely
    torrents locations course web.

    Reply

Leave a comment