+A შრიფტის გადიდება |
-A შრიფტის დაპატარავება
Данный контент платный. Для просмотра его необходимо
оплатить с помощью SMS
Данный контент платный. Для просмотра его необходимо
оплатить с помощью SMS
საათის დაყენების ინსტრუქცია
შევიდეთ ПУ > Управление дизайном > Таблица стилей (CSS) და სულ მაღლა ჩავსვათ ეს კოდი
Code
.container {width: 320px; margin: 0 auto; overflow: hidden;}
.clock {width:300px; margin:0 auto; padding:10px; border:none; color:#09f; }
#Date { font-family: Arial, Helvetica, sans-serif; font-size:16px; text-align:center; text-shadow:0 0 2px #000; }
ul { width:300px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
ul li { display:inline; font-size:30px; text-align:center; font-family: Arial, Helvetica, sans-serif; text-shadow:0 0 2px #000; }
#point {
position:relative;
-moz-animation:mymove 1s ease infinite;
-webkit-animation:mymove 1s ease infinite;
padding-left:10px; padding-right:10px;
}
@-webkit-keyframes mymove {
0% {opacity:1.0; text-shadow:0 0 10px #000;}
50% {opacity:0; text-shadow:none;}
100% {opacity:1.0; text-shadow:0 0 10px #000;}
}
@-moz-keyframes mymove {
0% {opacity:1.0; text-shadow:0 0 10px #000;}
50% {opacity:0; text-shadow:none;}
100% {opacity:1.0; text-shadow:0 0 10px #000;}
}
ეს კოდი ჩასვით იქ სადაც გსურთ გამოჩნდეს საათი
Code
<script type="text/javascript">
$(document).ready(function() {
var monthNames = [ "იანვარი", "თებერვალი", "მარტი", "აპრილი", "მაისი", "ივნისი", "ივლისი", "აგვისტო", "სექტემბერი", "ოქტომბერი", "ნოემბერი", "დეკემბერი" ];
var dayNames= ["კვირა","ორშაბათი","სამშაბათი","ოთხშაბათი","ხუთშაბათი","პარასკევი","შაბათი"]
var newDate = new Date();
newDate.setDate(newDate.getDate());
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
var seconds = new Date().getSeconds();
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
var minutes = new Date().getMinutes();
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
var hours = new Date().getHours();
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
</script>
<div class="container">
<div class="clock">
<div id="Date"></div>
<ul>
<li id="hours"> </li>
<li id="point">:</li>
<li id="min"> </li>
<li id="point">:</li>
<li id="sec"> </li>
</ul>
</div>
</div>
ნიმუში
მასალის სახელი | ლამაზი საათი ფლეშის გარეშე |
ნახვები | 977 |
ID | 173 |
რეიტინგი | 3.7/3 |
ლიცენზია | უფასო |