Zdravím, potreboval by som pomôcť. Mám na stránke umiestnené hodiny. Kód:Kód:
<div id="hodiny">
<form name="zobraz" id="zobraz">
<input id="hodiny" type="text" name="hodiny">
</form>
</div>
<script>
function tiktak()
{
var cas=new Date()
var hodina=cas.getHours()
var minuta=cas.getMinutes()
var sekunda=cas.getSeconds()
if (minuta<10)
minuta="0"+minuta
if (sekunda<10)
sekunda="0"+sekunda
document.zobraz.hodiny.value=hodina+":"+minuta
setTimeout("tiktak()",1000)
}
tiktak()
</script>
<!--kód ktorý mám na slidovanie textu:-->
<script>
$(function ()
{
$('.sklz').click(function ()
{
$('#').slideUp(1000);
$(this).hide();
$('vyklz').show();
return false;
});
$('.vzklz').click(function ()
{
$('#').SlideDown(1000);
$(this).hide();
$('sklz').show();
return false;
});
$('.klz').click(function ()
{
$('#').slideToggle();
return false;
});
/*---------------------------------------------------------------*/
$('dd').hide();
$('dt').click(function () {
var rodic = $(this).parent(); //dl
vyrok = $(this).next();
rodic.find('dd').slideUp();
vyrok.slideToggle();
return false;
});
})
</script>
<style type="text/css">
input#hodiny {
background: url('../images/seda.png');
background: rgba(245, 245, 245, 0.45);
width: 100px;
height: 100px;
font-family:'MV Boli';
color: white;
font-size: 200%;
text-align: center;
border: 2px solid black;
float: right;
border-radius: 100px;
box-shadow: 2px 2px 7px #000000;
text-shadow: 2px 2px 1px #000000;
}
div#hodiny{
padding-top: 30px;
padding-right:45px;
}
</style>
Potreboval by som buď, aby sa farba toho šedého divu(dajme tomu že ho naštýlujem na černo) striedala každú sekundu čierna-biela, proste potrebujem nejakým štýlom naanimovať sekundy. Druhá varianta je že každú sekundu sa urobí v tom šedom dive slidedown čiernou farbou a hneď preblikne nazad na sedú farbu, Slide by trval napríklad 0,5sekundy aby to nejak vyzeralo(v krátkosti: prose sa ten kruh každú sekundu animáciou ako keby načíta.)
Vie mi niekto prosím pomôcť/poradiť? ďakujem
Odkaz na obrázok: http://imgur.com/0EVvKB3