Brand Multimedia : JavaScript

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3_6KuSfKaqWg9RCgFK2C_WnLTbc74vtK_MCrjPuiatkQtxHECJOiXMBgtyVYBHlwa-sJ3SUCsbJlvKWvmdO2dB0Ouw8SqjRtqQDKV2HN13Lhygrn1FxJukRdNvbfrGsieBDU4GKkG9E/s1600/53afws3_-JTB35UeEOBVW3zmzniG-QUJeYbxvE7nkR6QubwGOpebB1IbmzcM6OvhA1tAo-6DO15uG0euPc8hfHXWsW6B9JVqNQwKKiv3n_7od3Ukjw%253Dw384-h384-nc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3_6KuSfKaqWg9RCgFK2C_WnLTbc74vtK_MCrjPuiatkQtxHECJOiXMBgtyVYBHlwa-sJ3SUCsbJlvKWvmdO2dB0Ouw8SqjRtqQDKV2HN13Lhygrn1FxJukRdNvbfrGsieBDU4GKkG9E/s320/53afws3_-JTB35UeEOBVW3zmzniG-QUJeYbxvE7nkR6QubwGOpebB1IbmzcM6OvhA1tAo-6DO15uG0euPc8hfHXWsW6B9JVqNQwKKiv3n_7od3Ukjw%253Dw384-h384-nc.png" width="320" /></a></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
জাভাস্ক্রিপ্টে setTimeout() নামে একটা ফাংশন আছে যেটা দিয়ে একটা ফাংশন তথা কোডব্লক নির্দিষ্ট সময় পর এক্সিকিউট করাতে পারেন স্বয়ংক্রিয়ভাবে। এটা setInterval() ফাংশনের মতই একটা ফাংশন। শুধু ছোট্র কয়েকটি পাথর্ক্য আছে। গুরত্বপূর্ন পার্থক্যটি হল<strong>setTimeout() </strong>ফাংশনে যে সময় দেয়া হবে সেটা পার হবার পর একবার কোডব্লক এক্সিকিউট হয় অপরদিকে<strong> setInterval() </strong>ফাংশনে যে সময় দেয়া থাকে সেই সময় পর পর কোডব্লক অটোমেটিক অনির্দিষ্টকালের জন্য এক্সিকিউট হতে থাকবে, কখনও থামবেনা।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
setTimeout() এর ভিতরে প্যারামিটার হিসেবে প্রথমে ফাংশনটির নাম বা পুরো কোডটুকুই লিখে দিতে পারেন এবং দ্বিতীয় প্যারামিটারে সময় দিতে হয়। মিলিসেকেন্ডে সময় দিতে হয়। যেমন ১ সেকেন্ড পর যদি কোডটি চালাতে চান তাহলে দিবে ১০০০।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; height: auto; line-height: 18px; overflow: auto; width: inherit;">
<div class="syntaxhighlighter " id="highlighter_377226" style="background: none rgb(231, 229, 220) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 532.96875px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">1.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">setTimeout(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'refreshUserList()'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">,4000);</code></span></span></div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
এই উদাহরনে refreshUserList() নামের ফাংশনটি ৪ সেকেন্ড পর রান করবে। যদি সরাসরি কোড দিতে চান ফাংশন না দিয়ে তাহলে নিচের মত করে দিতে হবে।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; height: auto; line-height: 18px; overflow: auto; width: inherit;">
<div class="syntaxhighlighter " id="highlighter_766202" style="background: none rgb(231, 229, 220) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 532.96875px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">1.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">setTimeout(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">2.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="comments" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 130, 0) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">//any js code</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">3.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">}, 5000);</code></span></span></div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
উদাহরন ১ : একটা h1 (একটা হেডিং) ট্যাগ ৫ সেকেন্ড পর যদি লোড করাতে চাই তাহলে</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; height: auto; line-height: 18px; overflow: auto; width: inherit;">
<div class="syntaxhighlighter " id="highlighter_478133" style="background: none rgb(231, 229, 220) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 532.96875px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">1.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">2.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).hide();</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">3.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">setTimeout(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">4.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 108px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).slideDown();</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">5.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 99px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">6.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">},5000);</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">7.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 27px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">});</code></span></span></div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
<a class="online_editor" href="http://www.webcoachbd.com/webcoachbdEditor/onlineEditor.php?scd=js-setime" rel="alternate" style="background-color: #5bb75b; background-image: linear-gradient(rgb(98, 196, 98), rgb(81, 163, 81)); background-repeat: repeat-x; border-color: rgb(81, 163, 81) rgb(81, 163, 81) rgb(56, 112, 56); border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px; color: white; cursor: pointer; display: inline-block; font-size: 13px; margin-bottom: 0px; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; vertical-align: middle;" target="_blank">প্রয়োগ দেখুন</a></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
ব্যাখ্যা: প্রথমে $('h1').hide(); দিয়ে হেডিংটি লুকিয়ে রেখেছি এরপর setTimeout() এ slideDown() দিয়ে হেডিংটি দৃশ্যমান করেছি তবে ৫ সেকেন্ড পরে। "প্রয়োগ দেখুন" এ গিয়ে দেখুন ৫ সেকেন্ড পর হেডিংটি স্লাইডিং করে দৃশ্যমান হচ্ছে।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
ধরুন উপরের উদাহরনে h1 ৫ সেকেন্ড পরে লোড হবার আগেই আপনি থামিয়ে দিতে চান তাহলে clearTimeout() ফাংশনটি দিয়ে সেটা করতে পারেন। এজন্য আপনাকে setTimeout() ফাংশনটি আগে একটা ভেরিয়েবলে নিয়ে নিতে হবে। যেমন</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; height: auto; line-height: 18px; overflow: auto; width: inherit;">
<div class="syntaxhighlighter " id="highlighter_694491" style="background: none rgb(231, 229, 220) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 532.96875px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">01.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 9px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">02.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">var</code> <code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">sliderId;</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">03.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).hide();</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">04.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">sliderId = setTimeout(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">05.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).slideDown();</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">06.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 99px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">07.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">},5000);</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">08.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'#cancel'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">09.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 117px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">clearTimeout(sliderId);</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">10.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">});</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">11.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 27px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">});</code></span></span></div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
<a class="online_editor" href="http://www.webcoachbd.com/webcoachbdEditor/onlineEditor.php?scd=js-cleartime" rel="alternate" style="background-color: #5bb75b; background-image: linear-gradient(rgb(98, 196, 98), rgb(81, 163, 81)); background-repeat: repeat-x; border-color: rgb(81, 163, 81) rgb(81, 163, 81) rgb(56, 112, 56); border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px; color: white; cursor: pointer; display: inline-block; font-size: 13px; margin-bottom: 0px; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; vertical-align: middle;" target="_blank">প্রয়োগ দেখুন</a></div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
দেখুন sliderId নামের একটি ভেরিয়েবলে পুরো setTimeout() ঢুকিয়ে দিয়েছি এরপর cancel বাটনে ক্লিক করলে clearTimeout() এর ভিতর sliderId দিয়ে একশন থামিয়ে দিয়েছি। এখন এই্ কোড রান করিয়ে দেখুন ৫ সেকেন্ড পরে h1 স্লাইডিং করে বের হবে তবে যদি ৫ সেকেন্ডের আগেই cancel বাটনে ক্লিক করেন তাহলে আর স্লাইডিং হবেনা।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
উপরের দুটি উদাহরনেই setTimeout() এর ভিতরেই কোড লিখেছি, এবার ঐ কোডগুলিই ফাংশন ব্যবহার করে একটি উদাহরন-</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; height: auto; line-height: 18px; overflow: auto; width: inherit;">
<div class="syntaxhighlighter " id="highlighter_759655" style="background: none rgb(231, 229, 220) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 532.96875px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">01.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 18px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">var</code> <code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">sliderId;</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">02.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 18px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">03.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).hide();</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">04.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">slider();</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">05.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'#cancel'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">06.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 99px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">stopSlider();</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">07.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 63px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">});</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">08.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 27px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">});</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">09.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">10.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code> <code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">slider(){</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">11.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 18px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">sliderId = setTimeout(</code><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">(){</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">12.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 36px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">$(</code><code class="string" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: blue !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">'h1'</code><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">).slideDown();</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">13.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 99px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">14.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 72px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">},5000);</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">15.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 27px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">}</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">16.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="keyword" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">function</code> <code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">stopSlider(){</code></span></span></div>
<div class="line alt1" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">17.</code><span class="content" style="background: none rgb(255, 255, 255) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 54px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">clearTimeout(sliderId);</code></span></span></div>
<div class="line alt2" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="number" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; color: rgb(92, 92, 92) !important; display: block !important; float: left !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: 3em !important;">18.</code><span class="content" style="background: none rgb(248, 248, 248) !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px 0px 0px 3.3em !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class="block" style="background: url(http://www.webcoachbd.com/plugins/content/CodeCitation/styles/wrapping.png) 0px 1.1em no-repeat !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 1.5em !important; position: static !important; right: auto !important; text-indent: -1.5em !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="plain" style="background: none !important; border-radius: 3px; border: 0px !important; bottom: auto !important; display: inline !important; float: none !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important;">}</code></span></span></div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
ব্যাখ্যা: slider নামে ফাংশন তৈরী করে সেখানে h1 এর স্লাইডিং কোডটুকু রেখেছি এবং stopSlider নামে আরেকটি ফাংশন তৈরী করে সেখানে clearTimeout() রেখেছি। আর ready ইভেন্টে slider ফাংশন দিয়ে পেজ লোড হবার সাথে সাথে স্লা্‌ইডিং হবে এ নির্দেমনা দিয়েছি। সবশেষে cancel আইডিধারী বাটনে ক্লিক করলে stopSlider() ফাংশন কল করেছি।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
আগের উদহারনে জাভাস্ক্রিপ্টের কোড এই কোড দিয়ে প্রতিস্থাপন করে প্রয়োগ দেখে নিতে পারেন।</div>
<div style="background-color: white; color: #333333; font-family: Verdana, SolaimanLipi; font-size: 16px; line-height: 18px; margin-bottom: 9px;">
এখানে যদিও setTimeout() ফাংশনটি জাভাস্ক্রিপ্টের ফাংশন, তবে আমরা উদহারনে জেকোয়েরি ব্যবহার করেছি। জেকোয়েরিতে যেকোন জাভাস্ক্রিপ্টের ফাংশন ব্যবহার করতে পারেন। আর জেকোয়েরি না জানলে আমাদের জেকোয়েরি টিউটোরিয়াল দেখে আসতে পারেন।</div>
</div>

জাভাস্ক্রিপ্ট setTimeout() ফাংশন টিউটোরিয়াল (JavaScript setTimeout Function Tutorial in Bangla)

জাভাস্ক্রিপ্টে setTimeout() নামে একটা ফাংশন আছে যেটা দিয়ে একটা ফাংশন তথা কোডব্লক নির্দিষ্ট সময় পর এক্সিকিউট করাতে পারেন স্বয়ংক্রিয়ভাবে...