sasa 幾多歲

sasa 幾多歲

<style>*{margin:0;padding:0;border:0;} /*CSS Reset的方法，讓所有的選擇器的padding,margin和border都設置為0*/ table{ height:100%; text-align:center; valign:middle; } #T17628807b{background-color:#73AD21;} #M17628807b{ background-image: url("https://scontent.fhkg1-1.fna.fbcdn.net/v/t31.0-8/16179783_1631978877108393_8704546615550652633_o.jpg?oh=f62b6b91387cc92529b6027345887ee1&oe=59809631"); /*背景圖案 */ -moz-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -o-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -webkit-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ background-position: center; /*置中*/ background-repeat: no-repeat; /*背景圖案不重複*/ border:2px solid #000000; /*邊框樣式與顏色*/ background-color:#73AD21; /*背景的顏色*/ }} </style> <table width="100%" border="6" ><tr height="20%"> <td id="T17628807b" > <div id="TxT17628807b">11</div></td> </tr><tr > <td id="M17628807b" > </td> </tr></table><script>window.addEventListener('resize', Resize) /* 當用戶重置窗口大小時添加事件監聽 */ window.addEventListener('load', Resize) /* load 事件發生在加載完目標資源 */ function Resize(){ var AgeDays = 0; var AgeWeeks = 0; var AgeMonth = 0; var AgeYears = 0; var AgeRmdr = 0; var DoC = new Date(); var DoB = new Date('10/13/2016'); MH1 = document.body.clientHeight /15; MH2 = MH1 /2; mSecDiff = DoC - DoB; AgeDays = mSecDiff / 86400000; AgeWeeks = AgeDays / 7; AgeMonth = AgeDays / 30.4375; AgeYears = AgeDays / 365.24; AgeRmdr = (AgeDays - AgeYears * 365.24) / 30.4375; AgeYears = Math.floor(AgeYears); /* Math.floor() 最大整數 */ AgeDays = Math.round(AgeDays); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeWeeks = Math.round(AgeWeeks); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeMonth = Math.round(AgeMonth); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeRmdr = Math.round(AgeRmdr ); /* Math.round() 函數回傳四捨五入後的近似值 */ var DP = "<center>"; DP += "<span style='font-size:" + MH1 + "px;color:Blue'>" + AgeYears + " 歲 及 "; DP += AgeRmdr + " 個月<br></span >" ; DP += "<span style='font-size:" + MH2 + "px;color:#000000'> 過了"; DP += "<span style='font-size:" + MH1 + "px;color:#ff00bf'>"; DP += AgeDays + "日"; DP += "<span style='font-size:" + MH2 + "px;color:#000000'>" +" 或 " ; DP += "<span style='font-size:" + MH1 + "px;color:#800000'>"; DP += AgeWeeks + "個星期" ; DP += "<span style='font-size:" + MH2 + "px;color:#000000'>" +" 或 " ; DP += "<span style='font-size:" + MH1 + "px;color:##40ff00'>"; DP += AgeMonth + " 個月 </center>"; document.getElementById("TxT17628807b").innerHTML =DP document.getElementById("lower").select(); } </script>

sasa 幾多歲

sasa 幾多歲

<style>*{margin:0;padding:0;border:0;} /*CSS Reset的方法，讓所有的選擇器的padding,margin和border都設置為0*/ table{ height:100%; text-align:center; valign:middle; } #T17628807b{background-color:#73AD21;} #M17628807b{ background-image: url("https://scontent.fhkg1-1.fna.fbcdn.net/v/t31.0-8/16179783_1631978877108393_8704546615550652633_o.jpg?oh=f62b6b91387cc92529b6027345887ee1&oe=59809631"); /*背景圖案 */ -moz-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -o-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -webkit-background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ background-position: center; /*置中*/ background-repeat: no-repeat; /*背景圖案不重複*/ border:2px solid #000000; /*邊框樣式與顏色*/ background-color:#73AD21; /*背景的顏色*/ }} </style> <table width="100%" border="6" > <tr height="20%"> <td id="T17628807b" > <div id="TxT17628807b"> 11</div> </td> </tr> <tr > <td id="M17628807b" > </td> </tr> </table> <script>window.addEventListener('resize', Resize) /* 當用戶重置窗口大小時添加事件監聽 */ window.addEventListener('load', Resize) /* load 事件發生在加載完目標資源 */ function Resize(){ var AgeDays = 0; var AgeWeeks = 0; var AgeMonth = 0; var AgeYears = 0; var AgeRmdr = 0; var DoC = new Date(); var DoB = new Date('10/13/2016'); MH1 = document.body.clientHeight /15; MH2 = MH1 /2; mSecDiff = DoC - DoB; AgeDays = mSecDiff / 86400000; AgeWeeks = AgeDays / 7; AgeMonth = AgeDays / 30.4375; AgeYears = AgeDays / 365.24; AgeRmdr = (AgeDays - AgeYears * 365.24) / 30.4375; AgeYears = Math.floor(AgeYears); /* Math.floor() 最大整數 */ AgeDays = Math.round(AgeDays); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeWeeks = Math.round(AgeWeeks); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeMonth = Math.round(AgeMonth); /* Math.round() 函數回傳四捨五入後的近似值 */ AgeRmdr = Math.round(AgeRmdr ); /* Math.round() 函數回傳四捨五入後的近似值 */ var DP = "<center> "; DP += "<span style='font-size:" + MH1 + "px;color:Blue'>" + AgeYears + " 歲 及 "; DP += AgeRmdr + " 個月<br></span >" ; DP += "<span style='font-size:" + MH2 + "px;color:#000000'> 過了"; DP += "<span style='font-size:" + MH1 + "px;color:#ff00bf'>"; DP += AgeDays + "日"; DP += "<span style='font-size:" + MH2 + "px;color:#000000'>" +" 或 " ; DP += "<span style='font-size:" + MH1 + "px;color:#800000'>"; DP += AgeWeeks + "個星期" ; DP += "<span style='font-size:" + MH2 + "px;color:#000000'>" +" 或 " ; DP += "<span style='font-size:" + MH1 + "px;color:##40ff00'>"; DP += AgeMonth + " 個月 </center> "; document.getElementById("TxT17628807b").innerHTML =DP document.getElementById("lower").select(); } </script>