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 送给学长毕业祝福语简短