Sitende Tarih ve Gun Goster

lll➤Sitede Tarih, Gün ve saat Göster | ekle : 1. Tarih Komut Dosyası Ekle html ; Bugünün Tarihi, Sitene tarih ekle, "HTML" de tarih ekleme, Html Gün Ay yıl kodları, JavaScript Anlık saat, HTML de tarih ekleme, HTML Bugünün Tarihi, CSS Saat Kodları, Web sitesi tarih Saat ekleme, Sitene tarih ekle, JavaScript Saat Kodu, Hazır HTML kodları, Html Saat Yapımı
<!---beterbocekler2.tr.gg kod başlangıc---> <script language="JavaScript"> <!-- var now = new Date(); var yr = now.getYear(); var mName = now.getMonth() + 1; var dName = now.getDay() + 1; var yr_str = " 19"; // yil 2000 iken, 19 sayisinin �ikmamasini saglayacak string var dayNr = ((now.getDate()<10) ? "" : "")+ now.getDate(); if(dName==1) Day = "Pazar"; if(dName==2) Day = "Pazartesi"; if(dName==3) Day = "Salı"; if(dName==4) Day = "�arşamba"; if(dName==5) Day = "Perşembe"; if(dName==6) Day = "Cuma HAYIRLI CUMALAR"; if(dName==7) Day = "Cumartesi"; if(mName==1) Month="Ocak"; if(mName==2) Month="Şubat"; if(mName==3) Month="Mart"; if(mName==4) Month="Nisan"; if(mName==5) Month="Mayıs"; if(mName==6) Month="Haziran"; if(mName==7) Month="Temmuz"; if(mName==8) Month="Ağustos"; if(mName==9) Month="Eyl�l"; if(mName==10) Month="Ekim"; if(mName==11) Month="Kasım"; if(mName==12) Month="Aralık"; if ( yr > 99 ) { yr_str =" "; if ( yr < 2000 ) yr += 1900; }var todaysDate =(" " + dayNr + " " + Month + yr_str + yr + "" + ", " + Day + ""); document.open(); document.write("<FONT face=arial SIZE=4 color=black>"+todaysDate+"</FONT>");// --> </script> <!---beterbocekler2.tr.gg kod bitişi--->
Sitenizde aşağıdaki gibi görünecektir :

<div class='time-frame'> <div id='tarih-bolumu'></div> <div id='saat-bolumu'></div> </div><style type="text/css"> .time-frame { background-color: #027bb5; color: #fff; width: auto; min-width: 160px; font-family: Arial; margin:0 auto; display:table; padding:10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .time-frame > div { width: 100%; text-align: center; } #tarih-bolumu { font-size: 18px; color:#a9fff7; } #saat-bolumu { font-size: 32px; line-height: 30px; margin-top:5px; } </style><script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> <script type="text/javascript"> $(window).load(function(){ $(document).ready(function() { var interval = setInterval(function() { var momentNow = moment(); $('#tarih-bolumu').html(momentNow.format('DD.MM.YYYY')); $('#saat-bolumu').html(momentNow.format('hh:mm:ss')); }, 100); }); }); </script>

<center><script type="text/javascript"> window.onload = setInterval(clock,1000); function clock() { var d = new Date(); var date = d.getDate(); var month = d.getMonth(); var montharr = ["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"]; month=montharr[month]; var year = d.getFullYear(); var date = d.getDate(); var day = d.getDay(); var dayarr =["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"]; day=dayarr[day]; var hour = d.getHours(); var min = d.getMinutes(); var sec = d.getSeconds(); document.getElementById("date").innerHTML=day+" "+date+" "+month+" "+year; document.getElementById("time").innerHTML=hour+":"+min+":"+sec; } </script> <center><style type="text/css"> body { text-align:center; font-family:helvetica; } h1 { margin:0px; margin-top:20px; color:#8181F7; font-size:25px; } #date { margin-top:20px; text-align:center; color:green; font-size:20px; border:2px dashed #2E9AFE; padding:5px; width:250px; margin-left:0px; } #time { margin-top:20px; font-size:20px; text-align:center; color:green; border:2px dashed #2E9AFE; padding:5px; width:150px; margin-left:25px; } </style> <table> <tbody> <tr> <td> <p id="date"> </p> </td> <td> <p id="time"> </p> </td> </tr> </tbody> </table></center>

Bu kodun kullanıldığı siteyi görmek için tıkla

<div id="clock"></div> <script type="text/javascript"> function refrClock() { var d=new Date(); var s=d.getSeconds(); var m=d.getMinutes(); var h=d.getHours(); var day=d.getDay(); var date=d.getDate(); var month=d.getMonth(); var year=d.getFullYear(); var days=new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"); var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"); if (s<10) {s="0" + s} if (m<10) {m="0" + m} document.getElementById("clock").innerHTML= "<b>Tarih:</b> " + date + " " + months[month] + " " + year + " | <b>Günlerden:</b> " + days[day] + " | <b>Saat:</b> " + h + ":" + m + ":" + s + " " setTimeout("refrClock()",1000); } refrClock(); </script>

TARİHTE BUGÜN KODU:
<!-- BETERBOCEKLER2.TR.GG TARIHTE BUGUN --><iframe width="100%" height="211" src="//kodyap.com/kod/tarihtebugun/313033-FFFFFF-FFFFFF-FFFF66_14-1-0-1-1-1_160-19_1-1589375881" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" name="beterbocekler2.tr.gg"></iframe><!-- BETERBOCEKLER2.TR.GG TARIHTE BUGUN -->

<!-- beterbockler2.tr.gg clock widget start --> <script type="text/javascript"> var css_file=document.createElement("link"); css_file.setAttribute("rel","stylesheet"); css_file.setAttribute("type","text/css"); css_file.setAttribute("href","//s.bookcdn.com//css/cl/bw-cl-100x100.css"); document.getElementsByTagName("head")[0].appendChild(css_file); </script> <div id="tw_4_1154077426"><div style="width:100px; height:100px; margin: 0 auto;"><a href="https://bookeder.com/time/istanbul-18319" _fcksavedurl="https://bookeder.com/time/istanbul-18319">İstanbul</a><br/></div></div> <script type="text/javascript"> function setWidgetData_1154077426(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_1154077426 = -1; </script> <script type="text/javascript" charset="UTF-8" src="https://widgets.booked.net/time/info?ver=2&domid=765&type=4&id=1154077426&scode=124&city_id=18319&wlangid=21&mode=0&details=0&background=c9207b&color=ffffff&add_background=ffffff&add_color=c9207b&head_color=ffffff&border=0&transparent=0"></script> <!-- beterbocekler2.tr.gg clock widget end -->



1. <style type="text/css"> #date-location { background-color: #FFFFFF; border: 0px solid #ff6699; padding: 4px; z-index: 2; } .date-font { color: #006699; font: 24px impact, sans-serif; font-weight: bold; } </style> <script type="text/javascript"> // START DATE SCRIPT var showdate = "yes" // SHOW THE DATE | yes | no | if (showdate == "yes") { document.write('<div id="date-location">'); var d=new Date(); var weekday=new Array('Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'); var monthname=new Array('Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'); document.write('<span class="date-font">' + weekday[d.getDay()] + ' '); document.write(monthname[d.getMonth()] + ' '); document.write(d.getDate() + '. '); document.write(d.getFullYear()) document.write('<br></span>') document.write('</div>'); } </script>


<iframe src="https://free.timeanddate.com/clock/i7hdqgbf/n2238/tltr28/fn6/fs16/fc9ff/tc000/ftb/pa8/tt0/tw1/th1/tb4" frameborder="0" width="182" height="52"></iframe>


<iframe src="https://free.timeanddate.com/clock/i7hdr6ou/n107/szw110/szh110/cf100/hnce1ead6" frameborder="0" width="110" height="110"></iframe>


<iframe src="https://free.timeanddate.com/clock/i7hdr6ou/n107/tltr28/tcf90/pc9f0/ftbi/th1" frameborder="0" width="59" height="18"></iframe>


<iframe src="https://free.timeanddate.com/clock/i7hdr6ou/n107/tltr28/tcf90/pc9f0/ftbi/tt0/th1" frameborder="0" width="249" height="18"></iframe>


<div id="clockbox" style="color:white;-webkit-text-stroke: 1px black;"></div> <script type="text/javascript"> var tday=["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"]; var tmonth=["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"]; function GetClock(){ var d=new Date(); var nday=d.getDay(),nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getFullYear(); var nhour=d.getHours(),nmin=d.getMinutes(),nsec=d.getSeconds(); if(nmin<=9) nmin="0"+nmin; if(nsec<=9) nsec="0"+nsec; var clocktext=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+":"+nsec+""; document.getElementById('clockbox').innerHTML=clocktext; } GetClock(); setInterval(GetClock,1000); </script>



Tarih ve saat ekle :
1. <script language="JavaScript"> <!-- Hide this script from old browsers -- /* This script came from the 24 hour JavaScripts Site located at https://www.javascripts.com. It is brought to you by Eric Jarvies, Lewis Sellers, Giuseppe Lombardo, Kurt Anderson, and David Medinets. */ setCal() function getTime() { // initialize time-related variables with current time settings var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" // validate hour values and set value of ampm if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour // add zero digit to a one digit minute if (minute < 10) minute = "0" + minute // do not parse this number! // return time string return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) // basic rule return true // is leap year /* else */ // else not needed when statement is "return" return false // is not leap year } function getDays(month, year) { // create array to hold number of days in each month var ar = new Array(12) ar[0] = 31 // Ocak ar[1] = (leapYear(year)) ? 29 : 28 // Şubat ar[2] = 31 // Mart ar[3] = 30 // Nisan ar[4] = 31 // Mayıs ar[5] = 30 // Haziran ar[6] = 31 // Temmuz ar[7] = 31 // Ağustos ar[8] = 30 // Eylül ar[9] = 31 // Ekim ar[10] = 30 // Kasım ar[11] = 31 // Aralık // return number of days in the specified month (parameter) return ar[month] } function getMonthName(month) { // create array to hold name of each month var ar = new Array(12) ar[0] = "Ocak" ar[1] = "Şubat" ar[2] = "Mart" ar[3] = "Nisan" ar[4] = "Mayıs" ar[5] = "Haziran" ar[6] = "Temmuz" ar[7] = "Ağustos" ar[8] = "Eylül" ar[9] = "Ekim" ar[10] = "Kasım" ar[11] = "Aralık" // return name of specified month (parameter) return ar[month] } function setCal() { // standard time attributes var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null // create instance of first day of month, and extract the day on which it occurs var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null // number of days in current month var days = getDays(month, year) // call function to draw calendar drawCal(firstDay + 1, days, date, monthName, 1900 + year) } function drawCal(firstDay, lastDate, date, monthName, year) { // constant table settings var headerHeight = 50 // height of the table's header cell var border = 2 // 3D height of table's border var cellspacing = 4 // width of table's border var headerColor = "midnightblue" // color of table's header var headerSize = "+3" // size of tables header font var colWidth = 60 // width of columns in table var dayCellHeight = 25 // height of cells containing days of the week var dayColor = "darkblue" // color of font representing week days var cellHeight = 40 // height of cells representing dates in the calendar var todayColor = "red" // color specifying today's date in the calendar var timeColor = "purple" // color of font representing current time // create basic table structure var text = "" // initialize accumulative variable to empty string text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings text += '<CAPTION></CAPTION>' // Table Title text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header text += monthName + ' ' + year text += '</FONT>' // close table header's font settings text += '</TH>' // close header cell // variables to hold constant settings var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' // create array of abbreviated day names var weekDay = new Array(7) weekDay[0] = "Pazar" weekDay[1] = "Pazartesi" weekDay[2] = "Salı" weekDay[3] = "Çarşamba" weekDay[4] = "Perşembe" weekDay[5] = "Cuma" weekDay[6] = "Cumartesi" // create first row of table to set column width and specify week day text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } // -- End Hiding Here --> </script><!-- END OF SCRIPT --> </p> <p align="center"> </p> </body>

----------------------------------------------
<script language="javascript" type="text/javascript"> var day_of_week = new Array('Paz','Pzt','Sal','Çar','Per','Cum','Cts'); var month_of_year = new Array('Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'); var Calendar = new Date(); var year = Calendar.getFullYear(); var month = Calendar.getMonth(); var today = Calendar.getDate(); var weekday = Calendar.getDay(); var DAYS_OF_WEEK = 7; var DAYS_OF_MONTH = 31; var cal; Calendar.setDate(1); Calendar.setMonth(month); var TR_start = '<TR>'; var TR_end = '</TR>'; var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>'; var highlight_end = '</CENTER></TD></TR></TABLE></B>'; var TD_start = '<TD WIDTH="30"><CENTER>'; var TD_end = '</CENTER></TD>'; cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>'; cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start; cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>'; cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end; cal += TR_start; for(index=0; index < DAYS_OF_WEEK; index++) { if(weekday == index) cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end; else cal += TD_start + day_of_week[index] + TD_end; } cal += TD_end + TR_end; cal += TR_start; for(index=0; index < Calendar.getDay(); index++) cal += TD_start + ' ' + TD_end; for(index=0; index < DAYS_OF_MONTH; index++) { if( Calendar.getDate() > index ) { week_day =Calendar.getDay(); if(week_day == 0) cal += TR_start; if(week_day != DAYS_OF_WEEK) { var day = Calendar.getDate(); if( today==Calendar.getDate() ) cal += highlight_start + day + highlight_end + TD_end; else cal += TD_start + day + TD_end; } if(week_day == DAYS_OF_WEEK) cal += TR_end; } Calendar.setDate(Calendar.getDate()+1); } cal += '</TD></TR></TABLE></TABLE>'; document.write(cal);</script>

• Sitene gazete köşe yazarları ekle

• Sitene gazeteler ekle

• Son dakika kayan haber ekle

• Sitenize günlük burç ekleyin

• Sitene anlık piyasa bilgileri, borsa, döviz ekle

• Sitene canlı tv ekle

• Sitene radyolar ekle

Arama motorlarında ilk sayfa, ilk sırada olmak için bu siteyi incele Google Birinci