javascript计算星座属相(十二生肖属相)示例代码


Posted in Javascript onJanuary 09, 2014
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;
with (document.zodiac.sign){
if (month == 1 && date >=20 || month == 2 && date <=18) {value = "水瓶座";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "双鱼座";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "白羊座";}
if (month == 3 && date > 31) {value = "OK.  Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "金牛座";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "双子座";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "巨蟹座";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "狮子座";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "室女座";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "天秤座";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "天蝎座";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "人马座";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "摩羯座";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "老鼠";}
if (x == 0) {value = "牛";}
if (x == 11 || x == -1) {value = "老虎";}
if (x == 10 || x == -2) {value = "兔子";}
if (x == 9 || x == -3)  {value = "龙";}
if (x == 8 || x == -4)  {value ="蛇";}
if (x == 7 || x == -5)  {value = "马";}
if (x == 6 || x == -6)  {value = "羊";}
if (x == 5 || x == -7)  {value = "猴子";}
if (x == 4 || x == -8)  {value = "鸡";}
if (x == 3 || x == -9)  {value = "狗";}
if (x == 2 || x == -10)  {value = "猪";}  
}
}
//  End -->
</script>
<form name="zodiac">
<center>
<table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
    <tr><td><b><i>出生年份</i></b></td>
    <td><div align="right"><input type="text" size="10" name="year" value="出生年份" onClick=value=""></div></td>
    <td><!--This empty field is just for appearance--></td>
    <tr><td><b><i>出生月份</i></b></td>
    <td><div align="right">
<select name="month">
<option value="x">请选择一个月份</option>
<option value="1">一月</option><option value="2">二月</option><option value="3">三月</option>
<option value="4">四月</option><option value="5">五月</option><option value="6">六月</option>
<option value="7">七月</option><option value="8">八月</option><option value="9">九月</option>
<option value="10">十月</option><option value="11">十一月</option>
<option value="12">十二月</option></select></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>天</i></b></td>
    <td><div align="right"><input type="text" name="date" value="天" size="3" onClick=value=""></td>
    <td><input type="button" value="计算一下" onClick="signs()"></div></td></tr>
    <tr><td><b><i>星座:</i></b></td>
    <td><div align="right"><input type="text" name="sign" size="12" value="" align="right"></div></td></tr>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>属相:</i></b></td>
    <td><div align="right"><input type="text" name="csign" size="12"></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
</table>
</center>
</form>
Javascript 相关文章推荐
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
给Function做的OOP扩展
May 07 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
Apr 13 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
Jul 15 Javascript
vue 实现tab切换保持数据状态
Jul 21 Javascript
javascript计算用户打开网页的停留时间
Jan 09 #Javascript
js中生成map对象的方法
Jan 09 #Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 #Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 #Javascript
js获取select标签选中值的两种方式
Jan 09 #Javascript
jquery自定义函数的多种方法
Jan 09 #Javascript
jQuery动态添加、删除元素的方法
Jan 09 #Javascript
You might like
PHP 文件扩展名 获取函数
2009/06/03 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
JavaScript中的闭包
2016/02/24 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
简单学习Python多进程Multiprocessing
2017/08/29 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
为什么需要版本控制?
2013/08/08 面试题
商务英语本科生的自我评价分享
2013/11/15 职场文书
大学生村官事迹材料
2014/01/21 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
高二学生评语大全
2014/04/25 职场文书
档案信息化建设方案
2014/05/16 职场文书
应届生求职信
2014/05/31 职场文书
庆六一宣传标语
2014/10/08 职场文书
毕业生评语大全
2015/01/04 职场文书
同学毕业留言寄语
2015/02/27 职场文书
开除通知书范本
2015/04/25 职场文书
自荐信范文
2019/05/20 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
Python图像处理之图像拼接
2021/04/28 Python
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript