jQuery實(shí)現(xiàn)根據(jù)生日計(jì)算年齡星座生肖

更新時(shí)間：2016年11月23日 10:18:50 作者：逆心

本篇文章主要是對(duì)利用jQuery實(shí)現(xiàn)根據(jù)生日計(jì)算年齡，星座，生肖的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下

<html>
<head>
 <title></title>
 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

 <script type="text/javascript">
 //根據(jù)輸入的生日自動(dòng)獲取星座，生肖和年齡。
 var year = new Array("豬", "鼠", "牛", "虎", "兔", "龍", "蛇", "馬", "羊", "猴", "雞", "狗");
 jQuery(function () {
  $("#Birthday").blur(function () {
  setTimeout(function () {
   var strHtml = "";
   var date = new Date($("#Birthday").val().replace(/-/g, "/"));
   var con = getxingzuo(date.getMonth() + 1, date.getDate());
   strHtml += "你的星座是：" + con;
   var zodiac = year[(parseInt(date.getFullYear()) + 9) % 12];
   strHtml += "<br/>你的生肖是：" + zodiac;
   var Age = new Date().getFullYear() - date.getFullYear();
   strHtml += "<br/>你的年齡是：" + Age;
   $("#div1").append(strHtml);
  }, 200);
  })
 })
 function getxingzuo(month, day) {
  var d = new Date(1999, month - 1, day, 0, 0, 0);
  var arr = [];
  arr.push(["魔羯座", new Date(1999, 0, 1, 0, 0, 0)])
  arr.push(["水瓶座", new Date(1999, 0, 20, 0, 0, 0)])
  arr.push(["雙魚座", new Date(1999, 1, 19, 0, 0, 0)])
  arr.push(["牡羊座", new Date(1999, 2, 21, 0, 0, 0)])
  arr.push(["金牛座", new Date(1999, 3, 21, 0, 0, 0)])
  arr.push(["雙子座", new Date(1999, 4, 21, 0, 0, 0)])
  arr.push(["巨蟹座", new Date(1999, 5, 22, 0, 0, 0)])
  arr.push(["獅子座", new Date(1999, 6, 23, 0, 0, 0)])
  arr.push(["處女座", new Date(1999, 7, 23, 0, 0, 0)])
  arr.push(["天秤座", new Date(1999, 8, 23, 0, 0, 0)])
  arr.push(["天蝎座", new Date(1999, 9, 23, 0, 0, 0)])
  arr.push(["射手座", new Date(1999, 10, 22, 0, 0, 0)])
  arr.push(["魔羯座", new Date(1999, 11, 22, 0, 0, 0)])
  for (var i = arr.length - 1; i >= 0; i--) {
  if (d >= arr[i][1]) return arr[i][0];
  }
 }
 </script>
</head>
<body>
 <div id="div1" style="width:200px;height:200px;">
  <input type="text" id="Birthday" value="請(qǐng)輸入你的生日！" />
  <input type="button" value="開始計(jì)算" />
 </div>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，謝謝對(duì)腳本之家的支持！

您可能感興趣的文章:

相關(guān)文章

jquery中獲得元素尺寸和坐標(biāo)的方法整理
這篇文章主要介紹了jquery中獲得元素尺寸和坐標(biāo)的方法,需要的朋友可以參考下
2014-05-05
jQuery插件開發(fā)的五種形態(tài)小結(jié)
這篇文章主要介紹了jQuery插件開發(fā)的五種形態(tài)小結(jié)，具體的內(nèi)容就是解決javascript插件的8種特征，非常的詳細(xì)，這里推薦給小伙伴們。
2015-03-03
基于jQuery的Tab選項(xiàng)框效果代碼(插件)
依據(jù)className實(shí)現(xiàn)的Tab選項(xiàng)框，支持多個(gè)tab，需要的朋友可以參考下。
2011-03-03
jQuery插件實(shí)現(xiàn)屏蔽單個(gè)元素使用戶無法點(diǎn)擊
屏蔽單個(gè)元素使用戶無法點(diǎn)擊在某些特殊的情況下還是蠻有用的,例如及不舉了，感興趣的朋友可以參考下，希望可以幫助到你
2013-04-04
jQuery選擇器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
選擇器是jQuery的核心，一個(gè)選擇器寫出來類似$('#dom-id')。下面給大家分享jQuery選擇器的相關(guān)知識(shí)，感興趣的朋友一起看看吧
2017-07-07
jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果,結(jié)合完整實(shí)例形式分析了FusionCharts插件2D餅狀圖繪制相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
表單類各種類型(文本框)失去焦點(diǎn)效果jquery代碼
基于jquery實(shí)現(xiàn)表單類各種類型(文本框)失去焦點(diǎn)效果，代碼簡(jiǎn)單實(shí)用，感興趣的朋友可以參考下，希望對(duì)你有所幫助
2013-04-04
jquery 動(dòng)態(tài)增加刪除行的簡(jiǎn)單實(shí)例(推薦)
下面小編就為大家?guī)硪黄猨query 動(dòng)態(tài)增加刪除行的簡(jiǎn)單實(shí)例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
基于jquery的loading效果實(shí)現(xiàn)代碼
基于jquery的loading效果實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-11-11
javascript制作2048游戲
這幾天玩兒著2048這個(gè)游戲，突然心血來潮想練習(xí)下寫程序的思路，于是乎就模仿做了一個(gè)，到目前位置還沒有實(shí)現(xiàn)動(dòng)態(tài)移動(dòng)，不是很好看，不過玩兒著自己模仿的小游戲還是蠻爽的，哈哈
2015-03-03