明日学院
课程
读书
社区
课程
VIP会员
VIP会员
JavaWeb编程词典答疑
+关注
已有0人关注
+发表新帖
所属版块： JavaWeb答疑区
新一星人_1491379140
学分:283
+关注
私信
立即签到
java web
发表在JavaWeb编程词典答疑 2017-10-11 悬赏：2 学分
是否精华 是 否
版块置顶: 是 否

这是我做的倒计时 我想把它装入文本框内 可是我试了很多遍都没用 你看看怎么弄

<html>

<head>

<script type="text/javascript" language="javascript">

//总时间，以分为单位

var time = 100;

//小时

var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;

//分

var m = time % 60;

//秒

var s = 60;

//输出到当前Script的Dom位置

document.write('<span>限时秒杀，还剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');

//开始执行倒计时

var timeInterval = setInterval(function () {

//如果时、分、秒都为0时将停止当前的倒计时

//当秒走到0时，再次为60秒

if (s == 0) { s = 60; }

if (s == 60) {

//每次当秒走到60秒时，分钟减一

      m -= 1;

    //当分等于0时并且小时还多余1个小时的时候进里面看看

      if (m == 0 ) {

          //小时减一

          h -= 1;

          //分钟自动默认为60分

              m = 60;

          //秒自动默认为60秒

              s = 60;

        }

}

//秒继续跳动，减一

      s -= 1;

      //小时赋值

      document.getElementById('f_hh').innerHTML = h;

      //分钟赋值

  document.getElementById('f_mm').innerHTML = m;

  //秒赋值

      document.getElementById('f_ss').innerHTML = s;

}, 1000);


</script>



</head>










 <body onLoad="showtime()>

<form name="clock" method="post" action="">

  

<INPUT TYPE='Text' NAME='face' ALIGN='TOP'>

</body>

</html>


分享到：
关注
 回复
支持(0)
反对(0)
精彩评论 1
无语_mrkj
学分：3155 LV11
+关注 私信
2017-10-11
沙发

您是想要下面的效果吗？

<html>

<head>

<script type="text/javascript" language="javascript">

//总时间，以分为单位

var time = 100;

//小时

var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;

//分

var m = time % 60;

//秒

var s = 60;

//输出到当前Script的Dom位置

document.write('<span>限时秒杀，还剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');

//开始执行倒计时

var timeInterval = setInterval(function () {

//如果时、分、秒都为0时将停止当前的倒计时

//当秒走到0时，再次为60秒

if (s == 0) { s = 60; }

if (s == 60) {

//每次当秒走到60秒时，分钟减一

      m -= 1;

    //当分等于0时并且小时还多余1个小时的时候进里面看看

      if (m == 0 ) {

          //小时减一

          h -= 1;

          //分钟自动默认为60分

              m = 60;

          //秒自动默认为60秒

              s = 60;

        }

}

//秒继续跳动，减一

      s -= 1;

      //小时赋值

      document.getElementById('f_hh').innerHTML = h;

      //分钟赋值

  document.getElementById('f_mm').innerHTML = m;

  //秒赋值

      document.getElementById('f_ss').innerHTML = s;

clock.face.value=h+"小时"+m+"分"+s+"秒";

}, 1000);


</script>



</head>










 <body onLoad="showtime()">

<form name="clock" method="post" action="">

  

<INPUT TYPE='Text' id='face' ALIGN='TOP'>

</form>

</body>

</html>


 回复
支持(0)
反对(0)
首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示：以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照