https:////example.com/style.css X/* Make font-face */ @font-face{font-family:'BebasNeueRegular';src:url('BebasNeue-webfont.eot');src:url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('BebasNeue-webfont.woff') format('woff'),url('BebasNeue-webfont.ttf') format('truetype'),url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal} /* Design Clock */ .container{width:80%;margin:0 auto;overflow:hidden} .clock{width:80%;margin:0 auto;padding:30px;color:#000} #Date{font-family:'BebasNeueRegular',Arial,Helvetica,sans-serif;font-size:100%;text-align:center;} ul{width:80%;margin:0 auto;padding:0;list-style:none;text-align:center} ul li{display:inline;font-size:200%;text-align:center;font-family:'BebasNeueRegular',Arial,Helvetica,sans-serif;} #point{position:relative;-moz-animation:mymove 1s ease infinite;-webkit-animation:mymove 1s ease infinite;padding-left:10px;padding-right:10px} /* Simple Animation */ @-webkit-keyframes mymove{0%{opacity:1.0;}50%{opacity:0;text-shadow:none}100%{opacity:1.0;}} @-moz-keyframes mymove{0%{opacity:1.0;}50%{opacity:0;text-shadow:none}100%{opacity:1.0;}}https:////example.com/script.js X $(document).ready(function() { // Create two variable with the names of the months and days in an array var monthNames = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"]; var dayNames = ["Minggu,", "Senin,", "Selasa,", "Rabu,", "Kamis,", "Jumat,", "Sabtu,"] // Create a newDate() object var newDate = new Date(); // Extract the current date from Date object newDate.setDate(newDate.getDate()); // Output the day, date, month and year $('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear()); setInterval(function() { // Create a newDate() object and extract the seconds of the current time on the visitor's var seconds = new Date().getSeconds(); // Add a leading zero to seconds value $("#sec").html((seconds < 10 ? "0" : "") + seconds); }, 1000); setInterval(function() { // Create a newDate() object and extract the minutes of the current time on the visitor's var minutes = new Date().getMinutes(); // Add a leading zero to the minutes value $("#min").html((minutes < 10 ? "0" : "") + minutes); }, 1000); setInterval(function() { // Create a newDate() object and extract the hours of the current time on the visitor's var hours = new Date().getHours(); // Add a leading zero to the hours value $("#hours").html((hours < 10 ? "0" : "") + hours); }, 1000); }); : :