Contagem regressiva em flash AS2 | ADD - Agência de Design Digital

Contagem regressiva em flash AS2

Para quem precisa criar uma contagem regressiva em flash.

</p> <ol> <li>Para começar, crie um novo arquivo flash (AS2).</li> <li>No primeiro frame, crie um campo de texto dinâmico e dê nome de “<em>contagem</em>“.</li> <li>Não esqueça de inserir a fonte ao campo. Para fazer isso, selecione o campo, vá em suas propriedades (CTRL+F3) e clique em <em>embed</em>. Na caixa de opções que abrir, selecione <em>Numerais </em>(<em>Numerals</em>) nas características do caractere. Inclua também o simbolo : (dois pontos).</li> <li>No primeiro frame, cole o código abaixo.</li> <li>Teste o arquivo e deverá funcionar (CTRL+ENTER)</li> </ol> <pre class="brush: plain; title: ;" title=""> inicio = getTimer(); regressiva = 7200000; onEnterFrame = function () { tempo_decorrido = getTimer()-inicio; contagem.text = hora_string(regressiva-tempo_decorrido); }; function hora_string(converter_hora) { horas_decorridas = Math.floor(converter_hora/3600000); restando = converter_hora-(horas_decorridas*3600000); minutos_decorridos = Math.floor(restando/60000); restando = restando-(minutos_decorridos*60000); segundos_decorridos = Math.floor(restando/1000); restando = restando-(segundos_decorridos*1000); frames_decorridos = Math.ceil(restando/10); if (horas_decorridas&lt;10) { horas = "0"+horas_decorridas.toString(); } else { horas = horas_decorridas.toString(); } if (minutos_decorridos&lt;10) { minutos = "0"+minutos_decorridos.toString(); } else { minutos = minutos_decorridos.toString(); } if (segundos_decorridos&lt;10) { segundos = "0"+segundos_decorridos.toString(); } else { segundos = segundos_decorridos.toString(); } if (frames_decorridos&lt;10) { milisegundos = "0"+frames_decorridos.toString(); } else { milisegundos = frames_decorridos.toString(); } return horas+":"+minutos+":"+segundos+":"+milisegundos; } </pre> <p> <br /> <a href="http://www.add-digital.com.br/wp-content/uploads/2011/03/contagem_regressiva.zip"><img title="DOWNLOAD" src="http://www.add-digital.com.br/wp-content/uploads/2011/03/DOWNLOAD1.png" alt="Clique aqui para baixa o arquivo fonte" width="333" height="82" /></a></p> </span></div> <BR /> <BR /> <div style="background: url(http://www.add-digital.com.br/wp-content/themes/ADD/images/bgredes.jpg); float:left; margin-left:-20px; padding:20px; width:580px;" > <div style='float:right; padding:5px;'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartilhar</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></script> </div>  </div> <BR /><BR /> </div>  <div id="content-area" class="clearfix">  <div id="comment-section" class="clearfix"> <p id="comments">2 Comentários para “Contagem regressiva em flash AS2”</p> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-200"> <div class="comment-top-left"></div> <div class="comment-top-main"></div> <div class="bubble"></div> <div class="comment-top-right"></div> <div style="clear:both"></div> <br /> <br /> <div id="comment-200" class="comment-body"> <div style="clear:both"></div> <div class="comment-author vcard"> <div class="comment-info"> <div style="clear:both"></div> <br /> <br />  <cite class="fn">ivanilde</cite> <span class="says">:</span> <div class="comment-meta commentmetadata"> <a href="http://www.add-digital.com.br/blog/contagem-regressiva-em-flash-as2/comment-page-1/#comment-200">  23 de março de 2011 - 19:34 </a> </div> </div>  </div> <div class="comment-content"><p>Por favor gostaria de saber detalhes sobre o produto-Cronômetro</p> </div>  <div class="reply-container"></div> </div>  <div class="comment-bottom-left"></div><div class="comment-bottom-right"></div> </li> <li class="comment byuser comment-author-felipem bypostauthor odd alt thread-odd thread-alt depth-1" id="li-comment-201"> <div class="comment-top-left"></div> <div class="comment-top-main"></div> <div class="bubble"></div> <div class="comment-top-right"></div> <div style="clear:both"></div> <br /> <br /> <div id="comment-201" class="comment-body"> <div style="clear:both"></div> <div class="comment-author vcard"> <div class="comment-info"> <div style="clear:both"></div> <br /> <br />  <cite class="fn">felipem</cite> <span class="says">:</span> <div class="comment-meta commentmetadata"> <a href="http://www.add-digital.com.br/blog/contagem-regressiva-em-flash-as2/comment-page-1/#comment-201">  23 de março de 2011 - 22:25 </a> </div> </div>  </div> <div class="comment-content"><p>Olá. O cronômetro pode ser usado em qualquer projeto que tenha interesse, como contagem regressiva para eventos com data marcada, data importantes, lançamento de um novo site ou produto, prazo para participação de concursos, além de também poder ser usado em jogos online. Espero poder ter ajudado. Caso tenha mais dúvidas, estamos a disposição por email também.</p> </div>  <div class="reply-container"></div> </div>  <div class="comment-bottom-left"></div><div class="comment-bottom-right"></div> </li> </ol> <div class="navigation"> <div class="alignleft"> </div> <div class="alignright"> </div> </div> <div id="respond"> <h3> Comente </h3> <div class="cancel-comment-reply"> <small> <a rel="nofollow" id="cancel-comment-reply-link" href="/blog/contagem-regressiva-em-flash-as2/#respond" style="display:none;">Clique aqui para cancelar a resposta.</a> </small> </div>  <form action="http://www.add-digital.com.br/wp-comments-post.php" method="post" id="commentform"> <p> <input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' /> <label for="author"><small>Nome (obrigatório) </small></label> </p> <p> <input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' /> <label for="email"><small>Email (obrigatório) </small></label> </p> <p> <input type="text" name="url" id="url" value="" size="22" tabindex="3" /> <label for="url"><small>Website</small></label> </p>  <p> <textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea> </p> <p> <input name="submit" type="submit" id="submit" tabindex="5" value="Enviar" /> <input type='hidden' name='comment_post_ID' value='1477' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="75fa10941c" /></p> </form> </div>  </div>  </div> </div>   </div>   <noscript></noscript>  <div style=" float:right; width:257px; margin-top:121px;"> <script src="http://www.add-digital.com.br/wp-content/themes/ADD/js/tabcontent.js" type="text/javascript"></script> <div id="tabs"> <ul id="tabs" class="tabs" > <li id="linktab"><a href="#" rel="tab1" class="selected">Últimos posts</a></li> <li id="linktab" ><a href="#" rel="tab2" >Comentários</a></li> <li id="linktab" ><a href="#" rel="tab3">Tags</a></li> </ul> </div> <div id="tab1" class="tabcontent" style="padding:15px;"> <ul> <li><a href="http://www.add-digital.com.br/blog/websites-para-personal-trainers-profissionais-de-educacao-fisica-academias/" title="Websites para Personal Trainers, Profissionais de Educação Física e Academias" style="font-size:14px;">Websites para Personal Trainers, Profissionais de Educação Física e Academias</a> <span style="color:#999;">quinta-feira, dezembro 1, 2011, 11:49<BR /><a href="http://www.add-digital.com.br/blog/websites-para-personal-trainers-profissionais-de-educacao-fisica-academias/#respond" title="Comentário para Websites para Personal Trainers, Profissionais de Educação Física e Academias">Comente</a> - Categoria: <a href="http://www.add-digital.com.br/categorias/design/" rel="tag">Webdesign</a>  <div style="margin-top:10px;"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/line.gif" width="225px" height="2px;" /></div></span></li> <li><a href="http://www.add-digital.com.br/blog/como-personalizar-o-clique-do-botao-direito-do-mouse-no-flash-em-as3/" title="Como personalizar o clique do botão direito do mouse no flash em AS3" style="font-size:14px;">Como personalizar o clique do botão direito do mouse no flash em AS3</a> <span style="color:#999;">quinta-feira, outubro 27, 2011, 12:01<BR /><a href="http://www.add-digital.com.br/blog/como-personalizar-o-clique-do-botao-direito-do-mouse-no-flash-em-as3/#comments" title="Comentário para Como personalizar o clique do botão direito do mouse no flash em AS3">1 Comentário</a> - Categoria: <a href="http://www.add-digital.com.br/categorias/flash-2/" rel="tag">Flash</a>  <div style="margin-top:10px;"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/line.gif" width="225px" height="2px;" /></div></span></li> <li><a href="http://www.add-digital.com.br/blog/entendendo-relatorio-basico-de-visitas-do-site-google-analitycs/" title="Entendo o relatório básico de visitas do site – Google Analytics" style="font-size:14px;">Entendo o relatório básico de visitas do site – Google Analytics</a> <span style="color:#999;">segunda-feira, outubro 3, 2011, 16:05<BR /><a href="http://www.add-digital.com.br/blog/entendendo-relatorio-basico-de-visitas-do-site-google-analitycs/#respond" title="Comentário para Entendo o relatório básico de visitas do site – Google Analytics">Comente</a> - Categoria: <a href="http://www.add-digital.com.br/categorias/seo-marketing-2/" rel="tag">SEO</a>  <div style="margin-top:10px;"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/line.gif" width="225px" height="2px;" /></div></span></li> <li><a href="http://www.add-digital.com.br/blog/clicktag-em-as3/" title="clickTag em AS3" style="font-size:14px;">clickTag em AS3</a> <span style="color:#999;">terça-feira, agosto 9, 2011, 10:49<BR /><a href="http://www.add-digital.com.br/blog/clicktag-em-as3/#respond" title="Comentário para clickTag em AS3">Comente</a> - Categoria: <a href="http://www.add-digital.com.br/categorias/flash-2/" rel="tag">Flash</a>  <div style="margin-top:10px;"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/line.gif" width="225px" height="2px;" /></div></span></li> <li><a href="http://www.add-digital.com.br/blog/geturl-em-as3/" title="getURL em AS3" style="font-size:14px;">getURL em AS3</a> <span style="color:#999;">sexta-feira, agosto 5, 2011, 12:05<BR /><a href="http://www.add-digital.com.br/blog/geturl-em-as3/#respond" title="Comentário para getURL em AS3">Comente</a> - Categoria: <a href="http://www.add-digital.com.br/categorias/flash-2/" rel="tag">Flash</a>  <div style="margin-top:10px;"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/line.gif" width="225px" height="2px;" /></div></span></li> </ul> </div> <div id="tab2" class="tabcontent" style="padding:15px;"> <ul> <li><b style="font-size:12px;"><a href="http://www.add-digital.com.br/blog/upload-de-arquivos-em-phpuma-unica-pagina/#comment-749" title="Upload de arquivos em PHP (uma única página), 26 de novembro de 2010">tj</a></b>:<BR>" Felipe, A mensagem que você recebe é a do... "<BR> Post: Upload de arquivos em PHP (uma única página) </li> <li><b style="font-size:12px;"><a href="http://www.add-digital.com.br/blog/upload-de-arquivos-em-phpuma-unica-pagina/#comment-748" title="Upload de arquivos em PHP (uma única página), 26 de novembro de 2010">felipe</a></b>:<BR>" boa tarde, sou novato! copiei este script e diz que... "<BR> Post: Upload de arquivos em PHP (uma única página) </li> <li><b style="font-size:12px;"><a href="http://www.add-digital.com.br/blog/upload-de-arquivos-em-phpuma-unica-pagina/#comment-738" title="Upload de arquivos em PHP (uma única página), 26 de novembro de 2010">tj</a></b>:<BR>" Alberto, O que está acontecendo é que o Apache recebe o... "<BR> Post: Upload de arquivos em PHP (uma única página) </li> <li><b style="font-size:12px;"><a href="http://www.add-digital.com.br/blog/upload-de-arquivos-em-phpuma-unica-pagina/#comment-696" title="Upload de arquivos em PHP (uma única página), 26 de novembro de 2010">Alberto</a></b>:<BR>" O script funciona e é bem legal, entretanto esta... "<BR> Post: Upload de arquivos em PHP (uma única página) </li> <li><b style="font-size:12px;"><a href="http://www.add-digital.com.br/blog/50-sites-para-downloads-gratuitos-de-vetores/#comment-669" title="50 Sites para downloads gratuitos de vetores, 1 de dezembro de 2010">Joyce</a></b>:<BR>" POW!!! muito bom "<BR> Post: 50 Sites para downloads gratuitos de vetores </li> </ul> </div> <div id="tab3" class="tabcontent" style="padding:15px;"> <a href='http://www.add-digital.com.br/blogtags/2011/' class='tag-link-125' title='1 tópico' style='font-size: 8pt;'>2011</a> <a href='http://www.add-digital.com.br/blogtags/arquivos/' class='tag-link-116' title='1 tópico' style='font-size: 8pt;'>arquivos</a> <a href='http://www.add-digital.com.br/blogtags/as2/' class='tag-link-127' title='3 tópicos' style='font-size: 13.384615384615pt;'>as2</a> <a href='http://www.add-digital.com.br/blogtags/as3/' class='tag-link-112' title='5 tópicos' style='font-size: 16.615384615385pt;'>as3</a> <a href='http://www.add-digital.com.br/blogtags/copy/' class='tag-link-118' title='1 tópico' style='font-size: 8pt;'>copy</a> <a href='http://www.add-digital.com.br/blogtags/dicas/' class='tag-link-121' title='3 tópicos' style='font-size: 13.384615384615pt;'>dicas</a> <a href='http://www.add-digital.com.br/blogtags/download/' class='tag-link-120' title='1 tópico' style='font-size: 8pt;'>download</a> <a href='http://www.add-digital.com.br/blogtags/echo/' class='tag-link-136' title='1 tópico' style='font-size: 8pt;'>echo</a> <a href='http://www.add-digital.com.br/blogtags/flash/' class='tag-link-4' title='7 tópicos' style='font-size: 18.769230769231pt;'>flash</a> <a href='http://www.add-digital.com.br/blogtags/for/' class='tag-link-135' title='1 tópico' style='font-size: 8pt;'>for</a> <a href='http://www.add-digital.com.br/blogtags/google/' class='tag-link-81' title='9 tópicos' style='font-size: 20.564102564103pt;'>google</a> <a href='http://www.add-digital.com.br/blogtags/javascript/' class='tag-link-103' title='3 tópicos' style='font-size: 13.384615384615pt;'>Javascript</a> <a href='http://www.add-digital.com.br/blogtags/laco-de-repeticao/' class='tag-link-134' title='1 tópico' style='font-size: 8pt;'>laço de repetição</a> <a href='http://www.add-digital.com.br/blogtags/mod/' class='tag-link-137' title='1 tópico' style='font-size: 8pt;'>MOD</a> <a href='http://www.add-digital.com.br/blogtags/php-3/' class='tag-link-117' title='2 tópicos' style='font-size: 11.230769230769pt;'>PHP</a> <a href='http://www.add-digital.com.br/blogtags/realidade-aumentada/' class='tag-link-38' title='3 tópicos' style='font-size: 13.384615384615pt;'>realidade aumentada</a> <a href='http://www.add-digital.com.br/blogtags/seguranca-2/' class='tag-link-94' title='2 tópicos' style='font-size: 11.230769230769pt;'>segurança</a> <a href='http://www.add-digital.com.br/blogtags/seo/' class='tag-link-82' title='5 tópicos' style='font-size: 16.615384615385pt;'>seo</a> <a href='http://www.add-digital.com.br/blogtags/session/' class='tag-link-89' title='1 tópico' style='font-size: 8pt;'>session</a> <a href='http://www.add-digital.com.br/blogtags/tendencias/' class='tag-link-124' title='1 tópico' style='font-size: 8pt;'>tendências</a> <a href='http://www.add-digital.com.br/blogtags/tutoriais/' class='tag-link-128' title='11 tópicos' style='font-size: 22pt;'>tutoriais</a> <a href='http://www.add-digital.com.br/blogtags/upload/' class='tag-link-115' title='1 tópico' style='font-size: 8pt;'>upload</a> <a href='http://www.add-digital.com.br/blogtags/usabilidade/' class='tag-link-114' title='1 tópico' style='font-size: 8pt;'>usabilidade</a> <a href='http://www.add-digital.com.br/blogtags/vetor/' class='tag-link-119' title='1 tópico' style='font-size: 8pt;'>vetor</a> <a href='http://www.add-digital.com.br/blogtags/webdesign/' class='tag-link-102' title='4 tópicos' style='font-size: 15.179487179487pt;'>webdesign</a> </div> <div style=" background:url(http://www.add-digital.com.br/wp-content/themes/ADD/images/bottomblog.jpg) no-repeat bottom left; width:232px; padding:5px 20px 5px 5px; text-align:right; height:30px;">    <a href="http://www.add-digital.com.br/feed/?post_type=blog" target="_blank"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/irss.jpg" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" border="0"/></a></div> <script type="text/javascript"> var countries=new ddtabcontent("tabs") countries.setpersist(false) countries.setselectedClassTarget("link") countries.init() </script> <BR /> <div style="background-color:#EDEDED; margin:0; padding:15px 15px 0 15px; color:#16869e; width:227px; font-weight:bold;"> TWITTER </div> <div id="twitter" style="background-color:#EDEDED;"> <ul style="margin:0 0 -15px 0; padding:0; color:#0092B9; width:232px; font-size:12px; padding-left:15px; "> <ul> <li>Sem itens</li></ul> </ul> </div> <div style=" background:url(http://www.add-digital.com.br/wp-content/themes/ADD/images/bottomtwitter.jpg) no-repeat bottom left; width:232px; padding:0 20px 5px 5px; text-align:right; height:45px;"> <a href="http://www.twitter.com/adddigital/"></a>     <a href="http://www.twitter.com/adddigital/" target="_blank"> <img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/itwitter.jpg" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" border="0"/> </a> <a href="http://www.add-digital.com.br/feed/" target="_blank"></a> </div> </div>  </div></div></div></div> <div style="width:800px; margin:0 auto;"><div style="position:absolute; z-index:1; margin-top:-20px; " > <div style=" margin-left:410px;">  <a href="http://www.add-digital.com.br/?page_id=8"><img src="http://www.add-digital.com.br/wp-content/themes/ADD/images/juntos.png" alt="" border="0" /></a><BR /><BR /></div></div> </div>  <div id="footer" > <div class="container clearfix" > <div style="padding-top:30px; width:120px; position:absolute; z-index:14000000;"> <div class="navegador" id="menufooter" > <p class=navlink><a href="http://www.add-digital.com.br/?page_id=8">Quem Somos</a></p> <p class=navlink><a href="http://www.add-digital.com.br/?page_id=10">O que fazemos</a></p>  <p class=navlink><a href="http://www.add-digital.com.br/?page_id=12">Portfolio</a></p> <p class=navlink><a href="http://www.add-digital.com.br/?page_id=14">Clientes</a></p> <p class=navlink><a href="http://www.add-digital.com.br/blog/">Blog</a></p> <p class=navlink><a href="http://www.add-digital.com.br/?page_id=16">Contato</a></p> </div>  <div style="float:left; color:#263F5D; margin-left:65px; width:300px; font-size:18px; text-shadow: 1px 1px 1px #f7f7f7">Av.Plínio Brasil Milano, 289 / 202<br />51 3388.1433</div> </div> </div>  </div>  <script src="http://www.add-digital.com.br/wp-content/themes/ADD/js/jquery-1.3.1.min.js"></script> <script src="http://www.add-digital.com.br/wp-content/themes/ADD/js/menu.js"></script> <script> $(document).ready(function() { //move the image in pixel var move = 0; //zoom percentage, 1.2 =120% var zoom = 1; //On mouse over those thumbnail $('.item').hover(function() { //Set the width and height according to the zoom percentage width = $('.item').width() * zoom; height = $('.item').height() * zoom; //Move and zoom the image $(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200}); //Display the caption $(this).find('div.caption').stop(false,true).fadeIn(500); }, function() { //Reset the image $(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100}); //Hide the caption $(this).find('div.caption').stop(false,true).fadeOut(500); }); }); </script> <script type="text/javascript" src="http://www.add-digital.com.br/wp-content/themes/ADD/js/jquery-latest.pack.js"></script> <script type="text/javascript" src="http://www.add-digital.com.br/wp-content/themes/ADD/js/jquery.pngFix.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-8715732-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>