asp.net 答題：浮動倒計時

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

前台：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 id="Head1" runat="server">
    <title>無標題頁</title>
     <!--***********開始*************-->
 <script type="text/javascript">
//<![CDATA[
 var tips; var theTop = 200/*這是預設高度,越大越往下*/; var old = theTop;
 function initFloatTips() {
 tips = document.getElementById('floatTips');
 moveTips();
 };
 function moveTips() {
var tt=50;
if (window.innerHeight) {
     pos = window.pageYOffset
 }
else if (document.documentElement && document.documentElement.scrollTop) {
     pos = document.documentElement.scrollTop
 }
else if (document.body) {
     pos = document.body.scrollTop;
 }
 pos=pos-tips.offsetTop+theTop;
 pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
     tips.style.top = pos+"px";
     tt=10;
 }
 old = pos;
 setTimeout(moveTips,tt);
 }
//!］>
 </script>
 <style type="text/css">
 div#floatTips{
 position:absolute;
 border:solid 1px #777;
 padding:3px;
 top:250px;
 right:50px;
 width:300px;
 background:#cccccc;
 color:white;
 }
 </style>
     <script language="JavaScript" type="text/javascript">
            function count_down()
            {
                window.setTimeout("count_down()", 1000);
var a=document.getElementById("HiddenField1").value;

                testDay=new Date(a);
                today=new Date();

                time=(testDay.getTime()-today.getTime())/(24*60*60*1000);
                day=Math.floor(time);
                time=(time-day)*24;
                hour=Math.floor(time);
                time=(time-hour)*60;
                minute=Math.floor(time);
                time=(time-minute)*60;
                second=Math.floor(time);

                show_time.innerHTML="剩餘答題時間："+day+"天"+hour+"小時"+minute+"分"+second+"秒";
            }
        </script>
</head>

<body onload="count_down();initFloatTips();">
<form id="form1" runat="server">

        <div id="floatTips">
        <div id="show_time" style="font-size: 12px; color: #ff6600;"> </div></div>
     <asp:HiddenField ID="HiddenField1" runat="server" />
     <!--**********結束***************-->
 <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7">
 <tr>
     <td height="2101"> </td>
 </tr>
 </table>
    </form>
    </body>
</html>

後台：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
public string a = "2012/3/9 17:40:00"; //此處動態讀取資料庫時間
    protected void Page_Load(object sender, EventArgs e)
    {
this.HiddenField1.Value = a;
    }
}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

asp.net 答題：浮動倒計時

聯繫我們

熱門內容

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support

asp.net 答題：浮動倒計時

聯繫我們

熱門內容

熱門主題

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support