Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style type="text/css">
- @font-face {
- font-family: "font";
- src: url("HelveticaLTStd-Bold.otf");
- }
- body{
- background-color: #ffffff;
- background-size: 100%;
- -webkit-transition-duration: 1s;
- }
- h1.time {
- font-size: 150%;
- font-family: "font";
- background: -webkit-linear-gradient(left top, #bcbcbc, #000000);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- position:relative;
- top:186px;
- left: 70px;
- }
- h1.date {
- font-size: 150%;
- font-family: "font";
- background: -webkit-linear-gradient(left top, #A36E0A, #805608);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
- position:relative;
- top:140px;
- left: 138px;
- }
- </style>
- </head>
- <body>
- <script type="text/javascript">
- function updatetime(){
- var currentTime = new Date()
- var hours = currentTime.getHours()
- var minutes = currentTime.getMinutes()
- if (minutes < 10)
- minutes = "0" + minutes
- var suffix = "AM";
- if (hours >= 12) {
- suffix = "PM";
- hours = hours - 12;
- }
- if (hours == 0) {
- hours = 12;
- }
- document.write("<h1 class=time>" + hours + "." + minutes + " " , "</h1>")
- }
- function updatedate(){
- var currentDate = new Date()
- var day = currentDate.getDate()
- var month = currentDate.getMonth() + 1
- var year = currentDate.getFullYear()
- document.write("<h1 class=date>" + month + "." + day + "." + year + "</h1>")
- }
- updatetime();
- updatedate();
- setInterval(updatetime, 2000);
- setInterval(updatedate, 60000);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement