Em muitos sites, você pode ver um cronômetro fazendo a contagem regressiva até que um evento específico ocorra. Pode ser a hora de término dos descontos ou o tempo restante até o Ano Novo. Esses timers são um ótimo movimento publicitário que estimula a atividade dos compradores / fornecedores, além de uma boa variedade interativa para o site.
Necessário
um script de cronômetro de contagem regressiva
Instruções
Passo 1
Para definir esse cronômetro em seu site, primeiro baixe o script do cronômetro de contagem regressiva. Em seguida, configure dois parâmetros nele: a data de contagem regressiva e a inscrição correspondente que será exibida quando essa data chegar.
Passo 2
Abrindo o arquivo baixado, você encontrará 2 arquivos: um contém o script countdown.js, e o outro serve como um exemplo da página à qual este script será conectado - index.html. Primeiro, extraia os arquivos do arquivo.
etapa 3
Use o Bloco de notas para editar o arquivo de script. Para abrir o arquivo especificado no Bloco de notas, clique com o botão direito nele. No menu que aparece, selecione o item "Abrir" e, em seguida, selecione "com - Bloco de notas".
Passo 4
Edite a primeira linha no início do arquivo: var eventstr = "Feliz Ano Novo!". Esta inscrição será exibida no final da contagem regressiva. A segunda linha com a data da contagem regressiva está localizada no final do arquivo e tem a seguinte aparência: CountDowndmn (2011, 1, 1) no formato ano, mês, dia.
Etapa 5
Edite o fragmento de script, que também está localizado no final do arquivo, um pouco acima da data da contagem regressiva: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "e" + dsec + " + dsecstr.
Etapa 6
Salve o arquivo resultante e coloque-o no diretório onde se encontra a página do seu site, onde ficará o cronômetro. Em outras palavras, o arquivo da página do cronômetro e o arquivo do script devem estar no mesmo diretório.
Etapa 7
A seguir, em um local conveniente para colocar o cronômetro, no código da sua página, coloque 2 linhas:
DIV "center" ID = "contagem regressiva">.
Etapa 8
A primeira linha é responsável pelo comando de saída do temporizador. O segundo é para conectar o script criado.
Etapa 9
Verifique se o seu cronômetro está funcionando. Se tudo for feito corretamente, você verá uma contagem regressiva no lugar certo na página do seu site.
