| | |
| Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
Autor | Správa |
---|
Registrovaný: 04.12.15 Prihlásený: 05.12.15 Príspevky: 1 Témy: 1 |
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
|
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
neviem si predstavit co presne robit, nedal si ziadny link kde by sme to videli, no ale ak chces kazdu sekendu striedat farbu tak to urobis nejak takto: vo funkcii tiktak() urobis $(mojelement).toggleClass('cierna biela') a teda kazdu sekndu ti zmeni obe triedy - bud ich prida alebo vymaze ak existuju. samozrejme musis tomu elementu priradit jednu z tych tried priamo do html. a potom v css robis co chces (zmena farby, animacie, transitions...) ps: verim, ze tento kod sluzi iba ako ukazka, a nie je finalny lebo je to hroza
|
|
| Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Counter-strike [ Choď na stránku: 1, 2, 3, 4, 5 ] v Počítačové hry | 123 | 8349 | 29.08.2008 13:41 mimkork | | RSS counter v PHP, ASP | 2 | 521 | 05.01.2009 1:54 mylan | | click counter v JavaScript, VBScript, Ajax | 5 | 498 | 23.09.2010 15:37 Ďuri | | Counter strike-problemy v Počítačové hry | 20 | 1515 | 01.01.2007 21:30 Jimmymen | | Counter - Strike server [ Choď na stránku: 1, 2 ] v Počítačové hry | 34 | 5827 | 26.03.2009 20:30 IntelSK | | Ubuntu + Counter-Strike v Operačné systémy Unix a Linux | 8 | 1717 | 13.01.2012 19:07 phodinux | | Counter Strike - 2 v Počítačové hry | 7 | 523 | 16.02.2024 8:50 shiro | | counter strike source [ Choď na stránku: 1, 2, 3 ] v Počítačové hry | 74 | 8186 | 26.02.2014 10:52 mirom | | counter strike source v Počítačové hry | 5 | 677 | 12.11.2007 17:38 DAVE1979 | | Counter strike source v Počítačové hry | 16 | 1291 | 14.02.2008 17:55 Poki | | Counter-Strike [PROBLEM] v Počítačové hry | 1 | 366 | 14.06.2014 12:34 Daron | | Counter Strike 1.6 v Počítačové hry | 2 | 390 | 03.11.2014 6:18 brmbo | | PCforum Counter-Strike turnaj. [ Choď na stránku: 1 ... 9, 10, 11 ] v Počítačové hry | 313 | 9193 | 02.01.2015 10:46 SKiLEX | | Counter-strike: Global Offensive v Kúpim | 0 | 462 | 23.06.2015 15:33 sailer | | Counter-Strike: Global Offensive [ Choď na stránku: 1 ... 38, 39, 40 ] v Počítačové hry | 1178 | 58669 | 24.06.2021 18:22 Toshibak | | Counter-Strike Source - kúpa v Počítačové hry | 14 | 704 | 07.05.2012 15:22 jtbs |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|