Hora mais saudação

<!doctype html public>

<html lang="pt-br">
<head>
 <meta charset="UTF-8">
 <title>Relogio</title>
 <link rel="stylesheet" type="text/css" href="css/estilo-relogio.css" media="all" />
<style>
@charset "utf-8";
/* 
____________________________________
====================================
====Script Tutoriais By:Luiz Bruno==
====================================
____________________________________
 */
body {
 background-color: #fff;
 font-size: 62.5%;
 margin: 0;
 padding: 0;
}
body * {
 font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
}
p {
 margin-bottom: 1.1em;
 margin-top: 0;
}
#main p.lastNode {
 margin-bottom: 0;
}
a:link img, a:visited img {
 border: none;
}
div.clearFloat {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0px;
}
li.clearFloat {
 clear: both;
}
ul.symbolList {
 display: inline;
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.AbsWrap {
 position: relative;
 width: 100%;
}
.rowWrap {
 width: 100%;
}
#topo {
 left: 0px;
 position: absolute;
 top: 0px;
 margin-bottom: 0;
 background-color: #666;
 width: 330px;
 padding-top: 0px;
 height: 29px;
}
html > body #topo {
 height: auto;
 min-height: 30px;
}
#bloco {
 left: 0px;
 position: absolute;
 top: 0px;
 margin-bottom: 0;
 background-color: #333;
 width: 330px;
 padding-top: 0px;
 height: 129px;
}
/* 
____________________________________
====================================
====Script Tutoriais By:Luiz Bruno==
====================================
____________________________________
 */
html > body #bloco {
 height: auto;
 min-height: 130px;
}
.Txt_Segunda {
 font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
 font-size: 150%;
 text-align: justify;
 color: #ccc;
 line-height: 120%;
 padding-bottom: 2px;
 padding-top: 1px;
 left: 261px;
 position: absolute;
 top: 5px;
 margin-bottom: 0;
}
.hora {
 font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
 font-size: 620%;
 text-align: justify;
 color: #ccc;
 line-height: 120%;
 padding-bottom: 2px;
 padding-top: 1px;
 left: 33px;
 position: absolute;
 top: 40px;
 margin-bottom: 0;
}
.Txt_Script {
 font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
 font-size: 150%;
 text-align: justify;
 color: #ccc;
 line-height: 120%;
 padding-bottom: 2px;
 padding-top: 1px;
 left: 0px;
 position: absolute;
 top: 108px;
 margin-bottom: 0;
}
.Txt_Luiz {
 font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
 font-size: 150%;
 text-align: justify;
 color: #ccc;
 line-height: 120%;
 padding-bottom: 2px;
 padding-top: 1px;
 left: 247px;
 position: absolute;
 top: 109px;
 margin-bottom: 0;
}
/* 
____________________________________
====================================
====Script Tutoriais By:Luiz Bruno==
====================================
____________________________________
 */
</style>
 <script>
 //___________________________________
//===================================
//  Script Tutoriais By:Luiz Bruno ==
//===================================
//___________________________________
function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('hora').innerHTML =
    h + ":" + m + ":" + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
 </script>
</head>

<div id="topo">
</div>
<div id="bloco" onmouseover="Saudacao()">
</div>
<div class="Txt_Segunda">
 
  <p class="lastNode" id="semana">
Segunda
 </p>
</div>

<div class="hora">
 
  <p class="lastNode" id="hora">
H:M:S
 </p>
</div>
<div class="Txt_Script">
 
  <p class="lastNode">
Script Tutoriais
 </p>
</div>
<div class="Txt_Luiz">
 
  <p class="lastNode" id="saudacao">
Luiz Bruno
 </p>
</div>
<script>
//___________________________________
//===================================
//  Script Tutoriais By:Luiz Bruno ==
//===================================
//___________________________________
var d = new Date();
var days = ["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sabádo"];
document.getElementById("semana").innerHTML = days[d.getDay()];
</script>
<script src="js/saudacao.js">
//___________________________________
//===================================
//  Script Tutoriais By:Luiz Bruno ==
//===================================
//___________________________________
function Saudacao() {
    var greeting;
    var time = new Date().getHours();
    if (time < 10) {
        greeting = "Bom dia!";
    } else if (time < 20) {
        greeting = "Boa Tarde!";
    } else {
        greeting = "Boa Noite!";
    }
document.getElementById("saudacao").innerHTML = greeting;
}
</script>

 <div class="minhapropaganda">
 <style>
 div.minhapropaganda{
  bottom:50%;
  position:absolute;
  margin:auto;
  text-align: center;
 
  width:100%;
  font-weight: bold;
  color:#31708f;
  padding-top:15px;
  background:#d9edf7;
  border:1px solid #bce8f1;
 }
 #minhapropaganda{
  color:black;
 }
 </style>
  <p>
Feito por: <a id="minhapropaganda" target="_blank" href="https://www.facebook.com/groups/HTMLCodigoseTutoriaisPTBR/" title="Facebook">Luiz Bruno</a> Admin do <a id="minhapropaganda" target="_blank" href="https://www.youtube.com/channel/UC0VcBQlPa9t1dO9z7jGuk5A" title="Canal no youtube">Script Tutoriais</a></p>
</div>
</body>
</html>

Script Tutoriais

Pesquisar este blog

Hora mais saudação

Comentários

Postar um comentário