我写了一个用户控件，页面调用多次，但是总是只能正常显示第一个，帮我找找一下错误.

jisuanjizhuan 2012-10-01 09:03:52
WebForm1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication7.WebForm1" %>
<%@ Register src="re_Seckill.ascx" tagname="re_Seckill" tagprefix="uc1" %>
<!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 runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div><uc1:re_Seckill ID="re_Seckill1" runat="server" StartSeckill="2012-09-29 23:05:12" EndSeckill="2012-09-29 23:12:32" /></div>
<div><uc1:re_Seckill ID="re_Seckill2" runat="server" StartSeckill="2012-09-29 23:05:12" EndSeckill="2012-09-29 23:12:32" /></div>
</div>
</form>
</body>
</html>


re_Seckill.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="re_Seckill.ascx.cs" Inherits="WebApplication7.re_Seckill" %>
<style type="text/css">
.style1
{
color:#FF0000;
font-weight:bold;
padding-left:7px;
padding-right:7px;
}
</style>
<script language="JavaScript" type="text/javascript">

function showTimeLimit(str, end, i) {
var now = new Date(str);
var future = new Date();
future -= 1000;

if (now - future > 0) {
var days = (now - future) / 1000 / 60 / 60 / 24;
var dayNum = Math.floor(days);
var hours = (now - future) / 1000 / 60 / 60 - (24 * dayNum);
var houNum = Math.floor(hours);
if (houNum < 10) {
houNum = "0" + houNum;
}
var minutes = (now - future) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);
var minNum = Math.floor(minutes);
if (minNum < 10) {
minNum = "0" + minNum;
}
var seconds = (now - future) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);
var secNum = Math.floor(seconds);
if (secNum < 10) {
secNum = "0" + secNum;
}
document.getElementsByName('TimeLimit1')[i].innerHTML = "距秒杀开始还有:<span class=\"style1\">" + dayNum + "</span>天<span class=\"style1\">" + houNum + "</span>小时<span class=\"style1\">" + minNum + "</span>分<span class=\"style1\">" + secNum + "</span>秒";
}

else {
// setInterval('showTimeLimit(\"2012/09/29 09:11:50\",\"0\")', 1000);

var now = new Date(end);
var future = new Date();
future -= 1000;

if (now - future > 0) {
var days = (now - future) / 1000 / 60 / 60 / 24;
var dayNum = Math.floor(days);
var hours = (now - future) / 1000 / 60 / 60 - (24 * dayNum);
var houNum = Math.floor(hours);
if (houNum < 10) {
houNum = "0" + houNum;
}
var minutes = (now - future) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);
var minNum = Math.floor(minutes);
if (minNum < 10) {
minNum = "0" + minNum;
}
var seconds = (now - future) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);
var secNum = Math.floor(seconds);
if (secNum < 10) {
secNum = "0" + secNum;
}
document.getElementsByName('TimeLimit1')[i].innerHTML = "距秒杀结束还有:<span class=\"style1\">" + dayNum + "</span>天<span class=\"style1\">" + houNum + "</span>小时<span class=\"style1\">" + minNum + "</span>分<span class=\"style1\">" + secNum + "</span>秒";
}
else {

document.getElementsByName('TimeLimit1')[i].innerHTML = "<span clas=\"style1\">秒杀已结束</span>";

}
}
}

</script>
<span id="TimeLimit1" name="TimeLimit1">请稍等，正在载入中。。。</span>
<asp:Literal runat="server" ID="lblTime1"></asp:Literal>


re_Seckill.ascx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication7
{
public partial class re_Seckill : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
this.lblTime1.Text = "<script language=\"javascript\" type=\"text/javascript\">setInterval('showTimeLimit(\"" + StartSeckill + "\",\"" + EndSeckill + "\",\"0\")', 1000);</script>";
}
public DateTime StartSeckill
{
get
{
EnsureChildControls();
return (DateTime)(ViewState["start time"] ?? DateTime.Now);
}
set
{
EnsureChildControls();
ViewState["start time"] = value;
}
}
public DateTime EndSeckill
{
get
{
EnsureChildControls();
return (DateTime)(ViewState["end time"] ?? DateTime.Now);
}
set
{
EnsureChildControls();
ViewState["end time"] = value;
}
}
}
}
...全文
203 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
jisuanjizhuan 2012-11-06
  • 打赏
  • 举报
 回复
我发现这样获取的是客户端控件，要想获取服务器端时间后台得再向前台传当前时间的值，但我这样做了，倒计时不走了。 用户控件前台： <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Seckill.ascx.cs" Inherits="WebApplication7.Seckill" %> <style type="text/css"> .style1 { color:#FF0000; font-weight:bold; } .style2 { color:#FF0000; font-size:x-large; padding-left:7px; padding-right:7px; } </style> <script language="JavaScript" type="text/javascript"> function showTimeLimit<%=this.ClientID %>(str, end, now) { var now = new Date(now); var future = new Date(str); // var now = document.getElementById('Hidden1').getAttribute("nowtime"); future += 1000; if (now - future < 0) { var days = (future - now) / 1000 / 60 / 60 / 24; var dayNum = Math.floor(days); var hours = (future - now) / 1000 / 60 / 60 - (24 * dayNum); var houNum = Math.floor(hours); if (houNum < 10) { houNum = "0" + houNum; } var minutes = (future - now) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum); var minNum = Math.floor(minutes); if (minNum < 10) { minNum = "0" + minNum; } var seconds = (future - now) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum); var secNum = Math.floor(seconds); if (secNum < 10) { secNum = "0" + secNum; } document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "<span class=\"style1\">距秒杀开始还有:</span><br/><span class=\"style2\">" + dayNum + "</span>天<span class=\"style2\">" + houNum + "</span>小时<span class=\"style2\">" + minNum + "</span>分<span class=\"style2\">" + secNum + "</span>秒"; } else { // setInterval('showTimeLimit(\"2012/09/29 09:11:50\",\"0\")', 1000); var future = new Date(end); // var future = new Date(); // future -= 1000; if (now - future < 0) { var days = (future - now) / 1000 / 60 / 60 / 24; var dayNum = Math.floor(days); var hours = (future - now) / 1000 / 60 / 60 - (24 * dayNum); var houNum = Math.floor(hours); if (houNum < 10) { houNum = "0" + houNum; } var minutes = (future - now) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum); var minNum = Math.floor(minutes); if (minNum < 10) { minNum = "0" + minNum; } var seconds = (future - now) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum); var secNum = Math.floor(seconds); if (secNum < 10) { secNum = "0" + secNum; } document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "<span class=\"style1\">距秒杀结束还有:</span><br/><span class=\"style2\">" + dayNum + "</span>天<span class=\"style2\">" + houNum + "</span>小时<span class=\"style2\">" + minNum + "</span>分<span class=\"style2\">" + secNum + "</span>秒"; } else { document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "<span class=\"style1\">秒杀已结束</span>"; } } } </script> <span id="TimeLimit1<%=this.ClientID %>">请稍等，正在载入中。。。</span> <asp:Literal runat="server" ID="lblTime1"></asp:Literal> 后台： using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication7 { public partial class Seckill : System.Web.UI.UserControl { protected void Page_Load(object sender, EventArgs e) { this.lblTime1.Text = "<script language=\"javascript\" type=\"text/javascript\">setInterval('showTimeLimit" + this.ClientID + "(\"" + StartSeckill + "\",\"" + EndSeckill + "\",\"" + System.DateTime.Now + "\")', 1000);</script>"; } public DateTime StartSeckill { get { EnsureChildControls(); return (DateTime)(ViewState["start time"] ?? DateTime.Now); } set { EnsureChildControls(); ViewState["start time"] = value; } } public DateTime EndSeckill { get { EnsureChildControls(); return (DateTime)(ViewState["end time"] ?? DateTime.Now); } set { EnsureChildControls(); ViewState["end time"] = value; } } } }
jisuanjizhuan 2012-10-02
  • 打赏
  • 举报
 回复
学习了！万分感谢！
孟子E章 2012-10-02
  • 打赏
  • 举报
 回复
最小的改动的实现方法



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



  function showTimeLimit<%=this.ClientID %>(str, end) {

    var now = new Date(str);

    var future = new Date();

    future -= 1000;



    if (now - future > 0) {

      var days = (now - future) / 1000 / 60 / 60 / 24;

      var dayNum = Math.floor(days);

      var hours = (now - future) / 1000 / 60 / 60 - (24 * dayNum);

      var houNum = Math.floor(hours);

      if (houNum < 10) {

        houNum = "0" + houNum;

      }

      var minutes = (now - future) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);

      var minNum = Math.floor(minutes);

      if (minNum < 10) {

        minNum = "0" + minNum;

      }

      var seconds = (now - future) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);

      var secNum = Math.floor(seconds);

      if (secNum < 10) {

        secNum = "0" + secNum;

      }

      document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "距秒杀开始还有:<span class=\"style1\">" + dayNum + "</span>天<span class=\"style1\">" + houNum + "</span>小时<span class=\"style1\">" + minNum + "</span>分<span class=\"style1\">" + secNum + "</span>秒";

    }



    else {

      // setInterval('showTimeLimit(\"2012/09/29 09:11:50\",\"0\")', 1000);



      var now = new Date(end);

      var future = new Date();

      future -= 1000;



      if (now - future > 0) {

        var days = (now - future) / 1000 / 60 / 60 / 24;

        var dayNum = Math.floor(days);

        var hours = (now - future) / 1000 / 60 / 60 - (24 * dayNum);

        var houNum = Math.floor(hours);

        if (houNum < 10) {

          houNum = "0" + houNum;

        }

        var minutes = (now - future) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);

        var minNum = Math.floor(minutes);

        if (minNum < 10) {

          minNum = "0" + minNum;

        }

        var seconds = (now - future) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);

        var secNum = Math.floor(seconds);

        if (secNum < 10) {

          secNum = "0" + secNum;

        }

        document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "距秒杀结束还有:<span class=\"style1\">" + dayNum + "</span>天<span class=\"style1\">" + houNum + "</span>小时<span class=\"style1\">" + minNum + "</span>分<span class=\"style1\">" + secNum + "</span>秒";

      }

      else {



        document.getElementById('TimeLimit1<%=this.ClientID %>').innerHTML = "<span clas=\"style1\">秒杀已结束</span>";



      }

    }

  }

   

</script>

<span id="TimeLimit1<%=this.ClientID %>">请稍等，正在载入中。。。</span>  

<asp:Literal runat="server" ID="lblTime1"></asp:Literal>  



 protected void Page_Load(object sender, EventArgs e)

    {

      this.lblTime1.Text = "<script language=\"javascript\" type=\"text/javascript\">setInterval('showTimeLimit" + this.ClientID + "(\"" + StartSeckill + "\",\"" + EndSeckill + "\")', 1000);</script>";

    }
jisuanjizhuan 2012-10-02
  • 打赏
  • 举报
 回复
急，各位大侠帮帮忙，怎么加上控件的ClientID，初学者在此讨教。
孟子E章 2012-10-01
  • 打赏
  • 举报
 回复
你这些js的函数名、变量都是相同的，会相互覆盖的，所以说不行的，明白道理了吗。你应该采用闭包或者加上控件的ClientID才可以

另外， document.getElementsByName('TimeLimit1')

<span id="TimeLimit1" name="TimeLimit1">

对非表单控件是无效的
jisuanjizhuan 2012-10-01
  • 打赏
  • 举报
 回复
[Quote=引用楼主 的回复:]
WebForm1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication7.WebForm1" %>
<%@ Register src="re_Seckill.ascx" tagname="re_Seckill" tagprefix=……
[/Quote]
试了，说的没错，但怎么改我还是不太明白，指教！
yudao-boot-mini-Spring Boot 后台管理系统资源
RuoYi-Vue Pro Spring Boot + MyBatis Plus + Vue & Element + RBAC SaaS Flowable CRMERPAI Star
从平台建而不用、用而不活到知识管理效能提升，产业园区借助“上云用数赋智”一体化服务能实现多大跨越？.docx
科易网AI+成果转化与科技创新，以科创知识图谱、数智应用和智能体为人工智能商业化应用产品，聚焦技术转移、成果转化、科技创新、产业创新等方向，构建科技创新服务平台，为提升各类创新主体科技创新水平与地方产业创新效能提供解决方案。
SolidWorks图纸模板
源码下载地址： https://pan.quark.cn/s/a4b39357ea24 SolidWorks是一款在机械设计领域得到广泛应用的计算机辅助设计（CAD）软件，它具备功能强大的三维建模工具、完善的工程图功能以及多样化的设计协作功能。在工程图模板方面，SolidWorks为设计师们提供了创建符合行业标准图纸的便捷途径，从而显著提升了设计工作的效率。标题"SolidWorks工程图模板"具体指的是在SolidWorks软件中预先设定好的图框与标题栏组合布局，这些模板通常依据特定的规范（例如ISO、ANSI等）进行配置，涵盖了设计者通常所需的所有基本要素。借助这些模板，用户能够直接展开工程图的绘制工作，无需独立设置图框和标题栏，因而有效节省了大量的时间。描述中所指出的"已配置好图框和标题栏"，表明这些模板已具备绘制工程图的基础结构。图框作为工程图的一个核心组成部分，它界定了图纸的范围，并且通常包含了图纸编号、日期、比例等关键信息。标题栏则是用于呈现设计详细信息的区域，例如设计者的姓名、零件的名称、材料种类、版本号等。一旦这些要素被配置妥当，设计师便可以根据具体的项目需求填充相应内容，从而迅速生成专业且标准化的工程图纸。"配置好存储路径后即可使用"这一说明表明，在使用SolidWorks工程图模板之前，用户必须先设定一个保存位置，这样每次创建新的工程图时，软件会自动将文件保存在这个指定的路径下，便于后续的管理和检索。压缩包内包含的文件"A3零件.DRWDOT"与"A3零件.slddrt"代表了SolidWorks的两种不同类型的工程图文件。".DRWDOT"文件是工程图模板文件，它集成了图框、标题栏及其他个性化设置，供用户在创建新工程图时选用。".slddr...
基于CNN-Agent Attention（代理注意力机制）-BiGRU的多变量时间序列预测研究（Python代码实现）
基于CNN-Agent Attention（代理注意力机制）-BiGRU的多变量时间序列预测研究（Python代码实现）
【地理信息系统】基于Earth Engine的几何解析服务：支持点坐标、Shapefile与GADM区域的数据转换工具设计
内容概要：本文介绍了一个名为GeometryService的类，旨在将不同类型的地理空间数据（如点坐标、Shapefile文件、GADM行政区划数据）解析并转换为Google Earth Engine可识别的几何对象（ee.Geometry）。该服务支持三种输入类型：通过经纬度字典创建点几何体、读取本地矢量文件（如Shapefile或GeoJSON）以及调用pygadm库获取全球行政区划数据。每种类型均有专门的解析方法，内部实现了坐标系统一（WGS84）、几何合并与GeoJSON格式转换，并最终封装为Earth Engine兼容的几何结构用于遥感分析或区域提取。; 适合人群：具备Python编程基础，熟悉地理信息系统（GIS）数据处理的科研人员或开发者，尤其是需要将本地或全球地理数据接入Google Earth Engine平台进行遥感分析的技术人员； 使用场景及目标：①将野外采样点、研究区边界等地理数据快速导入Earth Engine进行遥感影像分析；②利用GADM全球行政区划数据库动态获取国家或省级行政边界的几何对象，实现自动化区域统计；③为构建基于Web的地图分析工具提供后端几何解析支持； 阅读建议：使用前需安装geopandas、pygadm、earthengine-api等依赖库，注意处理异常情况如文件路径错误、坐标系不匹配或网络请求失败，建议结合实际数据调试各解析函数。
C#

111,120

社区成员

642,537

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Creator Browser
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章