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>
以上就是本文的全部内容,希望对大家有所帮助,谢谢对毛票票的支持!
热门推荐
10 广西考试祝福语结婚简短
11 猪年祝福语简短小孩
12 元旦祝福语送长辈简短
13 恭喜二宝祝福语简短
14 祝福语暖心话简短
15 国庆中秋祝福语简短兄弟
16 朋友订婚的祝福语简短
17 送弟弟中秋祝福语简短
18 爱生日祝福语简短独特