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设置FieldSet展开与收缩
May 15 Javascript
Js基础学习资料
Nov 23 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
video.js使用改变ui过程
Mar 05 Javascript
Vue.js如何优雅的进行form validation
Apr 07 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
Nov 03 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 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
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
解析php获取字符串的编码格式的方法(函数)
2013/06/21 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
php连接oracle数据库及查询数据的方法
2014/12/29 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
PHP实现截取中文字符串不出现?号的解决方法
2016/12/29 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
JavaScript 拾漏补遗
2009/12/27 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
Python flask框架端口失效解决方案
2020/06/04 Python
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
新学期教师寄语
2014/04/02 职场文书
社区志愿者活动方案
2014/08/18 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
小学班主任事迹材料
2014/12/17 职场文书
公司会议开幕词
2015/01/29 职场文书
自主招生自荐信格式范文
2015/03/25 职场文书
行政答辩状范文
2015/05/21 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
CSS3实现的水平标题菜单
2021/04/14 HTML / CSS