jQuery实现根据生日计算年龄 星座 生肖


Posted in Javascript onNovember 23, 2016
<html>
<head>
 <title></title>
 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

 <script type="text/javascript">
 //根据输入的生日自动获取星座,生肖和年龄。
 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="请输入你的生日!" />
  <input type="button" value="开始计算" />
 </div>
</body>
</html>

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
JS DOMReady事件的六种实现方法总结
Nov 23 #Javascript
domReady的实现案例
Nov 23 #Javascript
BootStrap按钮标签及基本样式
Nov 23 #Javascript
JavaScript仿百度图片浏览效果
Nov 23 #Javascript
Asp.Net之JS生成分页条的方法
Nov 23 #Javascript
javascript判断firebug是否开启的方法
Nov 23 #Javascript
JavaScript表单验证开发
Nov 23 #Javascript
You might like
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
php安装swoole扩展的方法
2015/03/19 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
2013/09/29 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
2015/12/03 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
通过js控制时间,一秒一秒自己动的实例
2017/10/25 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
python3访问sina首页中文的处理方法
2014/02/24 Python
Python中动态创建类实例的方法
2017/03/24 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
python 通过exifread读取照片信息
2020/12/24 Python
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
客服工作职责
2013/12/11 职场文书
初中物理教学反思
2014/01/14 职场文书
平安校园建设方案
2014/05/02 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2014年世界艾滋病日演讲稿
2014/11/28 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
职工年度考核评语
2014/12/31 职场文书
驻村工作简报
2015/07/20 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
Python sklearn分类决策树方法详解
2022/09/23 Python