Beyaz.Net İpucu
Javascript Geri Sayım
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
@font-face {
font-family: "Nova Flat";
font-style: normal;
font-weight: normal;
src: local("Nova Flat"), local("NovaFlat"), url("http://themes.googleusercontent.com/static/fonts/novaflat/v5/2XiJsHppLHO2BGTDfoNpvA.woff") format("woff");
}
.Nova-Flat-normal-400 {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 90px;
text-align: center;
font-size: 28px;
color: #193C4D;
float:left;
}
.Nova-Flat-normal-200 {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 90px;
text-align: center;
font-size: 12px;
color: #193C4D;
float:left;
}
.Nova-Flat-yazi {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 100%;
text-align: left;
font-size: 10px;
color: #193C4D;
float:left;
padding-left:10px;
}
#countdowncontainer
{
background-color: #E0F3FA;
border-color: #193C4D;
border-style: ridge;
border-width: 1px;
height: 60px;
width: 360px;
text-align:center;
position:relative;
padding-top:10px;
}
</style>
<script type="text/javascript">
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000)
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60
var oneHour=60*60
var oneDay=60*60*24
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000)
}
function formatresults(){
if (this.timesup==false){
var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div> <div style=clear:both></div><div class=Nova-Flat-normal-200>saat </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
}
return displaystring
}
function formatresults2(){
if (this.timesup==false){
var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div><div style=clear:both></div><div class=Nova-Flat-normal-200>gün </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
}
else{
var displaystring=""
}
return displaystring
}
</script>
<div id="countdowncontainer" style="text-align:center"></div>
<script type="text/javascript">
var futuredate=new cdtime("countdowncontainer", "December 31, 2012 23:59:59")
futuredate.displaycountdown("days", formatresults)
var currentyear=new Date().getFullYear()
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear
</script>
Örnek:
<style type="text/css">
@font-face {
font-family: "Nova Flat";
font-style: normal;
font-weight: normal;
src: local("Nova Flat"), local("NovaFlat"), url("http://themes.googleusercontent.com/static/fonts/novaflat/v5/2XiJsHppLHO2BGTDfoNpvA.woff") format("woff");
}
.Nova-Flat-normal-400 {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 90px;
text-align: center;
font-size: 28px;
color: #193C4D;
float:left;
}
.Nova-Flat-normal-200 {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 90px;
text-align: center;
font-size: 12px;
color: #193C4D;
float:left;
}
.Nova-Flat-yazi {
font-family: "Nova Flat" !important;
font-style: normal;
font-weight: 400;
padding: 0px;
width: 100%;
text-align: left;
font-size: 10px;
color: #193C4D;
float:left;
padding-left:10px;
}
#countdowncontainer
{
background-color: #E0F3FA;
border-color: #193C4D;
border-style: ridge;
border-width: 1px;
height: 60px;
width: 360px;
text-align:center;
position:relative;
padding-top:10px;
}
</style>
<script type="text/javascript">
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000)
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60
var oneHour=60*60
var oneDay=60*60*24
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000)
}
function formatresults(){
if (this.timesup==false){
var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div> <div style=clear:both></div><div class=Nova-Flat-normal-200>saat </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
}
return displaystring
}
function formatresults2(){
if (this.timesup==false){
var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div><div style=clear:both></div><div class=Nova-Flat-normal-200>gün </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
}
else{
var displaystring=""
}
return displaystring
}
</script>
<div id="countdowncontainer" style="text-align:center"></div>
<script type="text/javascript">
var futuredate=new cdtime("countdowncontainer", "December 31, 2012 23:59:59")
futuredate.displaycountdown("days", formatresults)
var currentyear=new Date().getFullYear()
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear
</script>
Örnek: