倒计时提交页面

最新推荐文章于 2021-10-15 10:42:14 发布

cstester

最新推荐文章于 2021-10-15 10:42:14 发布

阅读量654

点赞数

分类专栏： C# 文章标签： border function xhtml action table html

C# 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>倒计时测试</title>
<script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js" type="text/javascript"></script>
<script>
  $(document).ready(function(){
var num = 10; // 倒计时时间 
var min = 1
$("#sss").html(num); 
$("#mmm").html(min); // 初期值设置
function changeTime()
{
    if (min ==0 & num == 0)
    { 
        form1.submit();   // 到时间后的操作
    }
    if(num > 0)
    {
       num = num - 1;
       curnum = num;
      $("#sss").html(curnum);
     
   }
   else
   {
       if(num == 0)
       {
         num = 60
       }
       min = min - 1;
       curmin = min;
      $("#mmm").html(curmin);
    }
}
setInterval(changeTime,1000);
});

</script>
<style type="text/css">
<!--
*{
        font-style: normal;
        font-weight: normal;}
.haveday {
        padding: 20px;
        border: 1px dashed #000;
        margin-right: auto;
        margin-left: auto;
        width: 300px;
}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="exam_ok.asp">
<div align="center">交卷倒计时：
<table border="0">
  <tr>
    <td><div id="mmm"></div></td>
    <td>分</td>
    <td><div id="sss"></div></td>
    <td>秒</td>
  </tr>
</table>
</div>
</html>

cstester

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
倒计时提交页面

倒计时测试 $(document).ready(function(){var num = 10; // 倒计时时间 var min = 1$("#sss").html(num); $("#mmm").html(min); // 初期值设置function changeTime(){ if (min ==0 & num == 0) {
复制链接

扫一扫