首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我如何才能在不刷新页面的情况下让答案循环?

我如何才能在不刷新页面的情况下让答案循环?
EN

Stack Overflow用户
提问于 2016-09-08 10:34:06
回答 1查看 14关注 0票数 0

只是需要一些代码的帮助。我希望在数组中随机选择一个响应,但每当我在浏览器中检查代码时,我都必须刷新页面才能获得随机响应。另外,我需要一些提示,如果用户没有输入姓名,我如何才能屏蔽问题部分。非常感谢:)

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
</head>
<body>
    <p>SoothSayer<br></p>
    <form>
        Name: <input id="Name" name="textfield" type="text"><br>
        Question: <input id="Question" name="textfield" type="text"><br>
        Birthday: <select id="month">
        <option value=0>&nbsp&nbsp--Month--</option>
        <option value=1>January</option>
        <option value=2>February</option>
        <option value=3>March</option>
        <option value=4>April</option>
        <option value=5>May</option>
        <option value=6>June</option>
        <option value=7>July</option>
        <option value=8>August</option>
        <option value=9>September</option>
        <option value=10>October</option>
        <option value=11>November</option>
        <option value=12>December</option>
    </select>
     <select id="date">
        <option value=0>&nbsp&nbsp--Date--</option>
    </select>
</form>
<br>
<span id="sign"></span>
<span id="Random"></span>
    <script type="text/javascript">
    var dsel = document.getElementById("date");
    var msel = document.getElementById("month");
    var mong = document.getElementById("Name");
    //var schlong = document.getElementById("Question");
	
    var x = ["I see great calamity up ahead, you should definitley hold off on that", "I see great fortune up ahead, you should definitley do that!", "Your way ahead is cloudy, I suggest you dont do that", "Your way ahead is clear and fortunate, I suggest you attemp that!"];
	var rand = x[Math.floor(Math.random() * x.length)];
	
    dsel.options.length = 32;
    for ( var d = 1; d <= 31; ++d ) {
    dsel.options[d] = new Option(d,d);
    }

    msel.onchange =  clearbox;
    function clearbox() {
    document.getElementById("sign").innerHTML = " ";
    document.getElementById("date").selectedIndex = 0;
    }

    dsel.onchange = getSign;

    function getSign( ) {
    var m = Number(msel.value);
    var d = Number(dsel.value);
    var s = "";
    var a = mong.value
    if ((d == 0) || (m == 0)) {
    document.getElementById("sign").innerHTML = " ";
    return;
    }
	
    var md = m * 100 + d;

    if ( m == 1 && d > 0 && d <= 19 ) md = 1299;

    if ( md >= 1222 )      { s = "Capricorn"; } 
    else if ( md >= 1122 ) { s = "Sagittarius"; } 
    else if ( md >= 1023 ) { s = "Scorpio"; } 
    else if ( md >= 923 )  { s = "Libra"; } 
    else if ( md >= 823 )  { s = "Virgo"; }
    else if ( md >= 723 )  { s = "Leo";   }
    else if ( md >= 622 )  { s = "Cancer"; }
    else if ( md >= 521 )  { s = "Gemini"; }
    else if ( md >= 420 )  { s = "Taurus"; }
    else if ( md >= 321 )  { s = "Aries"; }
    else if ( md >= 219 )  { s = "Pisces"; }
    else if ( md >  100 )  { s = "Aquarius"; }


    document.getElementById("sign").innerHTML = "Your Zodiac sign is " + s +", "+ a + " "+ rand;
	}
    </script>
</body>
</html>

EN

回答 1

Stack Overflow用户

发布于 2016-09-08 10:57:23

  1. U可以做到通过AJAX来检索数据,而不需要刷新页面
  2. 使用时间间隔,在javascript中运行AJAX函数
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39381741

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档