Jump to content

  2. →
  3. →

Photo

Atualizar Uma Div A Cada Segundo

Started By Donald Silveira, 13/01/2011, 22:41

  • Faça o login para participar
14 replies to this topic

#1 Donald Silveira

Donald Silveira

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 13/01/2011, 22:41

Olá, Boa noite amigos.
Tudo bem?

Então, estou fazendo um contador que faz uma contagem regressiva de uma data.

Até ai tudo blz fiz no php tudo certinho isso não é o problema, o problema é para atualizar a div a cada segundo que passa

Ex.:

<div id="contar">

3dias | 5horas | 40min | 59seg

</div>

Certo? Então ai quero que apenas esta div atualize a cada 1 segundo para que o contador funcione e faça a contagem regressiva.

Da para entender né? Não é dificil, eu acho, estou começando faz pouco com Javascript, mas aos poucos eu pego hehe.

Grato,

Donald Silveira

Programador: PHP, CSS, XHTML, JAVASCRIPT(DESENVOLVIMENTO)



Posted Image Este post lhe ajudou? Reputa-me, é uma das formas de agradecer.

#2 offspring

offspring

    O_o

  • Ex-Admins
  • 946 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 14/01/2011, 08:13

Dá uma olhada nisso:
http://rogeriolino.w...-e-setinterval/

E depois nisso:
http://www.comocriar...-do-javascript/


O primeiro ensina a contar o tempo pelo JS, o segundo como selecionar um elemento (div id por exemplo)

#3 Donald Silveira

Donald Silveira

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 14/01/2011, 09:13

Dá uma olhada nisso:
http://rogeriolino.w...-e-setinterval/

E depois nisso:
http://www.comocriar...-do-javascript/


O primeiro ensina a contar o tempo pelo JS, o segundo como selecionar um elemento (div id por exemplo)


É complicadinho hehhehehehe ^^

Programador: PHP, CSS, XHTML, JAVASCRIPT(DESENVOLVIMENTO)



Posted Image Este post lhe ajudou? Reputa-me, é uma das formas de agradecer.

#4 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 14/01/2011, 09:38

Você pode fazer o seguinte...
Existe o objeto Date no javascript que você pode utilizar para isso...



//criar a o objeto com a data que você quer.

momentoAtual = new Date( 2011, 1, 14 , 11, 0, 0 );
hora = momentoAtual.getHours();
minuto = momentoAtual.getMinutes();
segundo = momentoAtual.getSeconds();

str_segundo = new String (segundo);
if (str_segundo.length == 1)
segundo = "0" + segundo;

str_minuto = new String (minuto);
if (str_minuto.length == 1)
minuto = "0" + minuto;

str_hora = new String (hora);
if (str_hora.length == 1)
hora = "0" + hora;

horaImprimivel = hora + " : " + minuto + " : " + segundo;

$("#hora_minuto").html( horaImprimivel );

setTimeout("relogio()",1000)
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#5 offspring

offspring

    O_o

  • Ex-Admins
  • 946 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 14/01/2011, 09:43


Dá uma olhada nisso:
http://rogeriolino.w...-e-setinterval/

E depois nisso:
http://www.comocriar...-do-javascript/


O primeiro ensina a contar o tempo pelo JS, o segundo como selecionar um elemento (div id por exemplo)


É complicadinho hehhehehehe ^^


Força de vontade é tudo :)

#6 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 14/01/2011, 09:43

Você pode fazer o seguinte...
Existe o objeto Date no javascript que você pode utilizar para isso...


function relogio(){
    //criar a o objeto com a data que você quer.
    //neste caso a data é 14/1/2011 às 11:10:05
    momentoAtual = new Date( 2011, 1, 14 , 11, 10, 5 );
    hora = momentoAtual.getHours();
    minuto = momentoAtual.getMinutes();
    segundo = momentoAtual.getSeconds();

    str_segundo = new String (segundo);
    if (str_segundo.length == 1)
       segundo = "0" + segundo;

    str_minuto = new String (minuto);
    if (str_minuto.length == 1)
       minuto = "0" + minuto;

    str_hora = new String (hora);
    if (str_hora.length == 1)
       hora = "0" + hora; 
    
    horaImprimivel = hora + " : " + minuto + " : " + segundo;

    //aqui você substitui o conteudo da div que você quer que apareça o relógio
    //se for jquery você pode usar assim
    $("#div_final").html( horaImprimivel );

    // se for javascript puro
    document.getElementById("div_final").innerHTML = horaImprimivel ;

    //chama a função novamente depois de um segundo para que o relógio mude a cada segundo.
    setTimeout("relogio()",1000);
}

E na sua página você chama a função para ela começar a funcionar.
<script type = "text/javascript">
relogio();
</script>

Testa aí e diga se funcionou...
Abração
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#7 Donald Silveira

Donald Silveira

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 14/01/2011, 10:16

Eu tentei algo do tipo:

Javascript
<script type="text/javascript">	
setInterval(function(){
document.getElementById("countdown").value;
}, 1000);
</script>


contador.php
<body>

<?php
#Informamos as datas e horários de início e fim no formato Y-m-d H:i:s.
$minha_data = "2011-01-15";
$dia_hora_atual = strtotime(date("Y-m-d H:i:s"));
$dia_hora_evento = strtotime(date("$minha_data 23:59:00"));

#Achamos a diferença entre as datas.
$diferenca = $dia_hora_evento - $dia_hora_atual;

#Fazemos a contagem.
$dias = intval($diferenca / 86400);
$marcador = $diferenca % 86400;
$hora = intval($marcador / 3600);
$marcador = $marcador % 3600;
$minuto = intval($marcador / 60);
$segundos = $marcador % 60;
?>

<div id="countdown">

<?php echo "$dias dia(s) | $hora hora(s) | $minuto minuto(s) | $segundos segundo(s)"; ?>

</div>

</body>

Estou fazendo em php, apenas quero que atualize a div countdown a casa 1 seg.

Edição feita por: Donald Silveira, 14/01/2011, 10:18.

Programador: PHP, CSS, XHTML, JAVASCRIPT(DESENVOLVIMENTO)



Posted Image Este post lhe ajudou? Reputa-me, é uma das formas de agradecer.

#8 Donald Silveira

Donald Silveira

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 16/01/2011, 21:14

Nada? =/

Programador: PHP, CSS, XHTML, JAVASCRIPT(DESENVOLVIMENTO)



Posted Image Este post lhe ajudou? Reputa-me, é uma das formas de agradecer.

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 25/09/2017, 11:38

Difference Entre Cialis Et Viagra cialis Precio Cialis En Farmacia Espana
Commande Cialis 20 Mg Low Cost Viagra 100mg Brand 5 Bucks cialis Amoxicillin For Clamidia Course Simvastatin Overdose Prednisone Online Order
Cialis 20 Mg Foglietto Illustrativo cialis buy online Zithromax Effectiveness Chlamydia Levitra 10 Mg Opiniones Finasterida Y Propecia

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 10/10/2017, 08:25

Www Online Pharmacy Propecia Carabobo buy viagra Free Viagra At No Cost Calf Pain And Cephalexin
Cheap Viagra Without A Prescription viagra Viagra Wirkung Cialis
Come Comprare Cialis Keflex And Acne Buy Rogaine In Greece viagra Order Cheap Propecia Per Pill

#11 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 27/10/2017, 20:43

Viagra 100 Mg Prezzo Patente De Propecia viagra Cialis Generique Pas Cher En France Ordering Diflucan Without A Prescription

#12 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 07/11/2017, 18:51

Elocon With Free Shipping Buy Synthroid Generic cialis Amoxicillin High
Amoxicillin Reaction Dizziness Nausea Slurred Speach online pharmacy Zithromax Usual Dosage
Propecia En Exceso viagra Erythromycin Fastest Shipping

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 12/11/2017, 12:22

Geberic Lipitor Online From India Viagra Kaugummi Kaufen Amoxicillin For Feline buy viagra Cost Of Priligy Keflex Treat Urinary Tract Infection
Zithromax Out Of Date Cialis Alkohol levitra generico prezzo Amoxicillin To Purchase Online Cialis For Sale From Canada
Clarithromycin Omeprazole Amoxil pharmacy prices for levitra Alcohol And Cephalexin Clomid Pcte Of Clomid
Grapefruit And Amoxicillin Finasteride Vs Minoxidil Propecia cheap levitra online Herbal Remedies For Vardenafil Does Amoxicillin Affect The Pill Prezzo Cialis Svizzera
Priligy Website Discount Acticin Elimite On Line Medicine Shop Amoxicillin 50mg Bmp 193 viagra Gynecomastie Steroides

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 12/11/2017, 22:26

Free Shipping Stendra 50mg Erectile Dysfunction isotretinoin 20mg Achat Pilule Viagra En Antibes buy viagra Cialis Espn. Legally Fluoxetine How To Buy Free Shipping
Valtrex Without Rx viagra Viagra Malaga How To Buy Fluoxetine
Viagra Junge Real Progesterone Visa On Line viagra Isotretinoin 20mg Internet Low Price
Buy Flagyl In Little Rock Buy Viagra Online In Ireland Achat Du Clomid cialis Bactrim Online On Line Levaquin Mastercard Medication
Levitra Compresse Prezzo Zithromax Pi viagra Meilleur Prix Kamagra Oral Jelly
Keflex Pediatric Dosing generic viagra Buy Proscar Generic Propecia Bacteria Amoxicillin Destroys Amoxicillin With Out Rx
Amoxicillin For Kids Dosage viagra online pharmacy How To Get Viagra Fast Propecia Prostata Hiperplasia Prostatica Benigna Vademecum O Propecia
Acquisto Viagra In Italia Farmaco Free Shipping Progesterone Crinone In Internet Mastercard Accepted viagra online prescription Cialis In Der Schweiz Provera Medicine Priligy Dapoxetina Comprar
Mail Order Cialis Amoxicillin Stomach cialis online Online Kamagra Review Cialis Come Cura Free Trial Medicationsviagra Fast
Cephalexin cialis levitra direct from india Acheter Lioresal 25mg Ciprofloxacin Online Drug Storeto Viagra Online Farmacia
Cialis Quebec Hersteller Levitra how to get a free trial of levitra Finasteride Precio Espana Propecia Amoxicillin Cure Vaginal Infection Generic Tadalis Sx Soft Overnight Shipping
Propecia Espana Se Keflex Uti Treatment why is levitra so expensive Buy Roacutan Tadalafil 20 Mg Softgel Comparaison Prix Viagra Cialis Levitra
Precio De Propecia cialis Viagra Rx Medstore
Purchase isotretinoin pills next day pharmacy amex Cheap Kamagra Tablets cialis price Cialis Generico En Farmacias Espanolas Dapoxetina In Italia Clomid Cuisine D Action

#15 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 08/02/2023, 23:03

accutane dosing calculator During this time they had a son, Steve, and a daughter, Janice
Single wall carbon nanotubes assisted photothermal cancer therapy animal study with a murine model of squamous cell carcinoma priligy 30mg tablets
doxycycline hyclate 100 mg capsule She changed my medication to arimidex, and within 2 weeks the heel pain was gone and has been gone for 7 years
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq