Código Fonte - O melhor conteúdo para programadores

Autor

André Luiz Martins Ramos

membro deste março de 2007

Compartilhe e guarde

Enquete

Que banco de dados você utiliza em seus projetos?

Home Código Fonte JavaScript - DHTML Browser

Mostrar relógio na barra de status do browser

Com este código é possível inserir de forma simples um relógio na barra de status do navegador.

Este recurso pode ser interessante para sites que precisem informar a todo momento a hora.

OBS: A hora apresentada é a que está configurada no computador do usuário (cliente). Este script é compatível apenas com o Internet Explorer

<html>

<head>
<title>Relógio na Barra de Status</title>
<script Language="JavaScript">
<!-- 
var timerID = null;
var timerRunning = false;
function stopclock (){
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
}

function showtime() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " PM" : " AM"

        //document.clock.face.value = timeValue;
        // you could replace the above with this
        // and have a clock on the status bar:

        window.status = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}

function startclock () {
        // Make sure the clock is stopped
        stopclock();
        showtime();
}

-->
</script>
</head>

<body TEXT="#000000" BGCOLOR="#ffffff" LINK="#000000" VLINK="#000000" ALINK="#000000"
ONLOAD="startclock()">

<dl>
  <div align="center"><center>
  <dt><font SIZE="+2" COLOR="#000000"><b>Relógio na barra de Status</b></font><br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
  </dt>
  </center></div>
</dl>
</body>
</html>

<html>

<head>
<title>Relógio na Barra de Status</title>
<script Language="JavaScript">
<!-- 
var timerID = null;
var timerRunning = false;
function stopclock (){
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
}

function showtime() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " PM" : " AM"

//document.clock.face.value = timeValue;
        // you could replace the above with this
        // and have a clock on the status bar:

window.status = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}

function startclock () {
        // Make sure the clock is stopped
        stopclock();
        showtime();
}

-->
</script>
</head>

<dl>
  <div align="center"><center>
  <dt><font SIZE="+2" COLOR="#000000"><b>Relógio na barra de Status</b></font><br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
  </dt>
  </center></div>
</dl>
</body>
</html>

Este código foi útil para você?

Nota	Comentário
Ainda não foi enviado nenhum comentário.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco