为了账号安全,请及时绑定邮箱和手机立即绑定

为什么setTimeout功能未实现,即时间只能显示静态的一次呢?

<!DOCTYPE html>
<html>
    <head>
        <title>timeShow</title>
        <script src="file:///F:/front end/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
    </head>
    <body>
        <script type="text/javascript">
        window.onload = function(){
            showTime();
        }
        function showTime(){
        var myDate = new Date(); 
        var    year = myDate.getFullYear();
        var month = myDate.getMonth() + 1;
        var date = myDate.getDate();

        var dayArray = new Array(7);
        dayArray[0] = "星期日";
        dayArray[1] = "星期一";
        dayArray[2] = "星期二";
        dayArray[3] = "星期三";
        dayArray[4] = "星期四";
        dayArray[5] = "星期五";
        dayArray[6] = "星期六";
        var day1 = myDate.getDay();
        var day = dayArray[day1];

        var hour = myDate.getHours();
        var minute = myDate.getMinutes();
        var second = myDate.getSeconds();
        var min = checkTime(minute);
        var sec = checkTime(second);         
        var time1 = year + "年" + month + "月" + date + "日";
        var time2 = hour + ":" + min + ":" + sec;
        document.write(time1+day+time2);
        setTimeout(showTime,800);
        }
        function checkTime(i){
            if(i<10){
                i = "0" + i;
            }
            return i;
        }
        </script>
    </body>
</html>


正在回答

2 回答

代码是没问题的,之所以没出预想的效果,两个事

1.  36行,不要直接document.write,哪怕随便输出到一个<span></span>里

2.  37行,把时间改成500毫秒,或者1000也行

1 回复 有任何疑惑可以回复我~
#1

慕函数2789595 提问者

谢谢你的回答。第一点建议成功解决问题,不过时间设置为800毫秒没问题哦。
2016-02-16 回复 有任何疑惑可以回复我~
#2

慕函数2789595 提问者

我刚刚试了下,还是设置为500毫秒更合适。800毫秒情况下,每隔三秒有卡顿。
2016-02-16 回复 有任何疑惑可以回复我~

setTimeout("showTime()",800);改成这样试下

0 回复 有任何疑惑可以回复我~
#1

慕函数2789595 提问者

谢谢你的回答,不过这样不行呢。正解是楼下提出的第一点意见,就是不要直接使用document.write。
2016-02-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
倒计时效果
  • 参与学习       55626    人
  • 解答问题       242    个

电商网站限时抢购倒计时效果计算思路和方法,前端开发必备技术

进入课程

为什么setTimeout功能未实现,即时间只能显示静态的一次呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信