↓返回底部
JS PHP HTML5 CSS3 jQuery SQL BootStrap5 Other
其他 字符串 数组 正则 存储 表单 数据库 选择器 屏幕 历史 时间 数学 元素 节点 属性 窗口 地址 动画 棋子 查找 排序 全局 JSON 浏览器 数据类型

JS查询十二生肖属相

<meta charset="utf-8">
<form>
请输入出生年份:
<br>
<input TYPE="text" NAME="inyear" list="xxxxx" id="input2"> 
<datalist id="xxxxx">
<option value="1949">
<option value="1984">
<option value="1985">
<option value="1990">
<option value="1992">
<option value="1995">
<option value="1997">
<option value="2006">
<option value="2010">
<option value="2013">
</datalist>
<button TYPE="button" onClick="test()">查询属相</button>
<br>
<input TYPE="text" NAME="birth" id="input3"> 
<button type="reset">清空</button>
</option>

<script>
function test(){
	input3.value = getBirthYear();
}
function getBirthYear(){
	var x = (1997 - input2.value) % 12;
	if(11==x || -1 ==x){return '寅虎';}
	if(10==x || -2 ==x){return '卯兔';}
	if( 9==x || -3 ==x){return '辰龙';}
	if( 8==x || -4 ==x){return '巳蛇';}
	if( 7==x || -5 ==x){return '午马';}
	if( 6==x || -6 ==x){return '未羊';}
	if( 5==x || -7 ==x){return '申猴';}
	if( 4==x || -8 ==x){return '酉鸡';}
	if( 3==x || -9 ==x){return '戌狗';}
	if( 2==x || -10==x){return '亥猪';}
	if( 1==x || -11==x){return '子鼠';}
	if( 0==x){return '丑牛';}
	return '丑牛';}
</script>

运行结果

定义和用法

  • 1997年是丁丑年,牛年
  • 十二地支与生肖

    1 2 3 4 5 6 7 8 9 10 11 12
    子鼠 丑牛 寅虎 卯兔 辰龙 巳蛇 午马 未羊 申猴 酉鸡 戌狗 亥猪

    天干

    1 2 3 4 5 6 7 8 9 10
    jiǎ bǐng dīng gēng xīn rén guǐ

    地支

    1 2 3 4 5 6 7 8 9 10 11 12
    chǒu yín mǎo chén wèi shēn yǒu hài

    JavaScript 对象

    对象 描述
    Array 对象  
    Boolean 对象  
    Date 对象  
    Math 对象  
    Number 对象  
    String 对象  
    RegExp 对象  
    全局属性和函数  

    Browser 对象

    对象 描述
    Window 对象  
    Navigator 对象  
    Screen 对象  
    History 对象  
    Location 对象  

    HTML DOM 参考

    对象 描述
    HTML Document  
    HTML Element  
    HTML Attributes  
    HTML Events  

    HTML DOM 元素

    对象 描述
    Anchor 对象  
    Area 对象  
    Base 对象  
    Body 对象  
    Frame/IFrame 对象  
    Frameset 对象  
    Link 对象  
    Meta 对象  
    Object 对象  

    Image 对象  
    Option 对象  
    Select 对象  
    Style 对象  
    Table 对象  
    td / th 对象  
    tr 对象  
    Button 对象  
    Form 对象  
    Textarea 对象  

    Input Button 对象  
    Input Checkbox 对象  
    Input File 对象  
    Input Hidden 对象  
    Input Password 对象  
    Input Radio 对象  
    Input Reset 对象  
    Input Submit 对象  
    Input Text 对象  

    Input Range 对象  
    Input Number 对象  
    Input Date 对象  
    Input Datetime 对象  
    Input Datetime-local 对象  
    Input Email 对象  
    Input Month 对象  
    Input Search 对象  
    Input Tel 对象  
    Input Time 对象  
    Input Url 对象  
    Input Week 对象  

     

  • Server Sent | 在线编辑 | 1.php |
  • 欢迎纠错:如果发现错误,请发到我的QQ:3166692976,感谢!
  • 本站及其内容仅作为站长本人学习探索之用途,不保证(包括但不限于)内容的准确性、有效性。本站保留解释权。
  • 心不得满,事不得全。鸟飞不尽,话说不完。休息一下吧!
  • 1500km.com,   Copyright ©2022,   all rights received.
  • ↑返回顶部