jQuery实现根据生日计算年龄 星座 生肖
<html> <head> <title></title> <scriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"></script> <scripttype="text/javascript"> //根据输入的生日自动获取星座,生肖和年龄。 varyear=newArray("猪","鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗"); jQuery(function(){ $("#Birthday").blur(function(){ setTimeout(function(){ varstrHtml=""; vardate=newDate($("#Birthday").val().replace(/-/g,"/")); varcon=getxingzuo(date.getMonth()+1,date.getDate()); strHtml+="你的星座是:"+con; varzodiac=year[(parseInt(date.getFullYear())+9)%12]; strHtml+="<br/>你的生肖是:"+zodiac; varAge=newDate().getFullYear()-date.getFullYear(); strHtml+="<br/>你的年龄是:"+Age; $("#div1").append(strHtml); },200); }) }) functiongetxingzuo(month,day){ vard=newDate(1999,month-1,day,0,0,0); vararr=[]; arr.push(["魔羯座",newDate(1999,0,1,0,0,0)]) arr.push(["水瓶座",newDate(1999,0,20,0,0,0)]) arr.push(["双鱼座",newDate(1999,1,19,0,0,0)]) arr.push(["牡羊座",newDate(1999,2,21,0,0,0)]) arr.push(["金牛座",newDate(1999,3,21,0,0,0)]) arr.push(["双子座",newDate(1999,4,21,0,0,0)]) arr.push(["巨蟹座",newDate(1999,5,22,0,0,0)]) arr.push(["狮子座",newDate(1999,6,23,0,0,0)]) arr.push(["处女座",newDate(1999,7,23,0,0,0)]) arr.push(["天秤座",newDate(1999,8,23,0,0,0)]) arr.push(["天蝎座",newDate(1999,9,23,0,0,0)]) arr.push(["射手座",newDate(1999,10,22,0,0,0)]) arr.push(["魔羯座",newDate(1999,11,22,0,0,0)]) for(vari=arr.length-1;i>=0;i--){ if(d>=arr[i][1])returnarr[i][0]; } } </script> </head> <body> <divid="div1"style="width:200px;height:200px;"> <inputtype="text"id="Birthday"value="请输入你的生日!"/> <inputtype="button"value="开始计算"/> </div> </body> </html>
以上就是本文的全部内容,希望对大家有所帮助,谢谢对毛票票的支持!