Repeater中使用倒计时
<asp:Label ID="lblTime" runat="server" Text='<%# FormatDateString(Eval("OrderDate").ToString(),(Orders)Container.DataItem) %>'></asp:Label>
JS部分:
/*将列表控件中的"id=lblTime"的控件html转换成页面效果*/
function clockon() { var Elements = document.getElementsByTagName("span");
for (i = ; i < Elements.length; i++) {
var el = Elements[i];
if (el.id.indexOf('lblTime') >= ) { var id = el.id;
var source = $("#" + id).html(); if (source != "") {
var arr = new Array();
arr = source.split(","); var now = new Date();
var year = now.getFullYear(); //getFullYear getYear
var month = now.getMonth();
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minu = now.getMinutes();
var sec = now.getSeconds(); var day1 = new Date(arr[]); /*到倒计时的日期*/
var H1 = parseInt(arr[]); /*到倒计时的日期指定的几点*/
var M1 = parseInt(arr[]); /*到倒计时的日期几份*/
var S1 = parseInt(arr[]); /*到倒计时的日期几秒*/ ms = Math.floor((day1 - now) / ) /*到指定的那天0点0分0秒所剩下秒数*/ H2 = Math.floor(ms / )
M2 = Math.floor((ms - H2 * ) / )
S2 = ms - H2 * - M2 * + S = S2 + S1
M = M1 + M2
H = H2 + H1 if (S > ) M = M + ;
if (S > ) S = S - ;
if (M > ) H = H + ;
if (M > ) M = M - ;
if (H >= ) {
time2 = "抢购商品剩余支付时间:<br/>" + H + "小时" + M + "分" + S + "秒<br/>";
$("#" + id).html(time2);
//开始倒计时
countdown(source, id);
}
else {
$("#" + id).hide();
$("#" + id).html("活动已结束");
}
}
else {
$("#" + id).hide();
$("#" + id).html("活动已结束");
}
}
}
}
//source:到期时间格式(MM/DD/YYYY/,HH,MM,SS);id:控件ID
function countdown(source, id) {
var arr = new Array();
arr = source.split(","); var now = new Date();
var year = now.getFullYear(); //getFullYear getYear
var month = now.getMonth();
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minu = now.getMinutes();
var sec = now.getSeconds(); var day1 = new Date(arr[]); /*到倒计时的日期*/
var H1 = parseInt(arr[]); /*到倒计时的日期指定的几点*/
var M1 = parseInt(arr[]); /*到倒计时的日期几份*/
var S1 = parseInt(arr[]); /*到倒计时的日期几秒*/ ms = Math.floor((day1 - now) / ) /*到指定的那天0点0分0秒所剩下秒数*/ H2 = Math.floor(ms / )
M2 = Math.floor((ms - H2 * ) / )
S2 = ms - H2 * - M2 * + S = S2 + S1
M = M1 + M2
H = H2 + H1 if (S > ) M = M + ;
if (S > ) S = S - ;
if (M > ) H = H + ;
if (M > ) M = M - ;
if (H >= ) {
time2 = "抢购商品剩余支付时间:<br/>" + H + "小时" + M + "分" + S + "秒<br/>";
$("#" + id).html(time2);
var timer = setTimeout("countdown('" + source + "','" + id + "')", );
}
else {
$("#" + id).hide();
}
}
后台部分:
需要传入一个结束时间到前台
/// <summary>
/// 设置前台日期格式显示
/// </summary>
/// <param name="string">结束日期时间</param>
/// <returns></returns>
public string FormatDateString(string dateString, SecondDie model)
{
string result = ""; if (model.SencondNum > )
{
string EndDate = DateTime.Parse(dateString).ToString("yyyy-MM-dd HH:mm:ss"); string year = EndDate.Substring(, );
string month = EndDate.Substring(, );
string day = EndDate.Substring(, ); string hour = EndDate.Substring(, );
string minute = EndDate.Substring(, );
string second = EndDate.Substring(, ); result = month + "/" + day + "/" + year + "," + hour + "," + minute + "," + second;
} return result;
}
OK! 至此结束
Repeater中使用倒计时的更多相关文章
- Android开发案例 – 在AbsListView中使用倒计时
在App中, 有多种多样的倒计时需求, 比如: 在单View上, 使用倒计时, 如(如图-1) 在ListView(或者GridView)的ItemView上, 使用倒计时(如图-2) 图-1 图-2 ...
- 在Repeater中嵌套使用Repeater
在一般的网站中浏览类别的用户控件通常都位于大多数 ASP.NET 页的左边,它使用户能够按类别快速的查找产品.最近遇到一个客户,因为在他网站上展示的产品并不多,所以要求在原有类别浏览的基础上将产品也加 ...
- repeater中后台动态为控件添加属性
在此贴出repeater中的ItemDataBound事件中的代码: private void ItemDataBound(object sender, RepeaterItemEventArgs e ...
- 关于在repeater中的checkbox实行多选和全选
今天项目中用到这一块,是一个b2b商城,业务是别人给客户留言后,客户从会员中心的留言管理中查看,用checkbox实行多选和全选后进行批量审核 首先在checkbox后加个hidden,作用见代码: ...
- (转)在Repeater中嵌套使用Repeater
在一般的网站中浏览类别的用户控件通常都位于大多数 ASP.NET 页的左边,它使用户能够按类别快速的查找产品.最近遇到一个客户,因为在他网站上展示的产品并不多,所以要求在原有类别浏览的基础上将产品也加 ...
- 关于Repeater中绑定的控件不触发ItemCommand事件
今天遇到 在repeater 中使用一个button,点击button然后跳转另外一个页面. html. <asp:Repeater ID="repeater" runat= ...
- Webfrom 生成流水号 组合查询 Repeater中单选与复选控件的使用 JS实战应用
Default.aspx 网页界面 <%@ Page Language="C#" AutoE ...
- 关于Repeater中使用DorpWownList的问题
关于Repeater中使用DorpWownList的问题 前台: <asp:Repeater ID="Repeater1" runat="server" ...
- Webfrom 生成流水号 组合查询 Repeater中单选与复选控件的使用 JS实战应用
Default.aspx 网页界面 <%@ Page Language="C#" AutoE ...
随机推荐
- shell sed
匹配 sed -n '/pattern/p' file_name |sed -n 7,12p #pattern是你要查的内容 #file_name是你要查的文件 以上实现:打印出匹配结果中的7-1 ...
- Python3基础 用 while循环实现 斐波那契数列
镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.-------------------------------------- ...
- C # 产生鼠标点击事件
新建一个WinFrom,找到MouseDown,回车,生成代码如下点击的效果如图 参考文章:http://blog.csdn.net/u012842807/article/details/454143 ...
- sklearn数据预处理-scale
对数据按列属性进行scale处理后,每列的数据均值变成0,标准差变为1.可通过下面的例子加深理解: from sklearn import preprocessing import numpy as ...
- 汇编语言实现led灯的跑马灯
led实验1.看原理图 看设备工作的原理(可能需要阅读芯片手册),看设备与cpu的连接关系 GPIO具有输入输出功能.输入:cpu想知道io引脚是高电平还是低电平那么就是输入方式输出:cpu想控制io ...
- javac不是内部或外部命令
1.描述 在命令行输入javac,提示“不是内部或外部命令”. 2.解决过程 2.1.解决方案一 2.1.1.检查并添加环境变量 通常就是这个原因导致. 2.1.2.过程一 确实还是环境变量没有写对. ...
- 让div显示在屏幕中央的css代码段
.popup{ width:500px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; /*注意 ...
- bmp图片显示
文件IO项目: 在开发板屏幕上循环显示目录里的图片 a.按照一定的间隔循环显示目录里的bmp图片 b.实现手指滑动来显示目录里的图片(bmp,jpg)上一张,下一张 d1: 1.能操控屏幕(查询开发板 ...
- MySQL timestamp NOT NULL插入NULL的问题
explicit_defaults_for_timestamp MySQL 5.6版本引入 explicit_defaults_for_timestamp 来控制对timestamp NULL值的处理 ...
- 分布式环境中三种Session管理方法的使用场景及优缺点
在分布式环境,管理Session通常使用下面三种方式: 一.Session Replication 方式管理 (即session复制) 简介:将一台机器上的Session数据广播复制到 ...