关闭

倒计时提交页面

标签: borderfunctionxhtmlactiontablehtml
374人阅读 评论(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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:84165次
    • 积分:1059
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:33篇
    • 译文:0篇
    • 评论:16条
    最新评论