以时间增量动态创建表

【问题标题】：dynamically create table with time increments以时间增量动态创建表
【发布时间】：2010-10-04 09:35:36
【问题描述】：

我需要创建一个只有 1 列的表，其中包含时间（从 4 小时开始），每行以 10 秒的增量增加。所以它需要看起来像这样：

04hrs 00mins 00secs - 04hrs 00mins 09secs

04 小时 00 分 10 秒 - 04 小时 00 分 19 秒

04 小时 00 分 20 秒 - 04 小时 00 分 29 秒

.....

06 小时 59 分 50 秒 - 06 小时 59 分 59 秒

这显然需要很长时间来硬编码，所以我希望动态创建它。根据我目前正在尝试学习的内容，我希望能够使用 jquery 或 asp.net (vb) 来做到这一点，但只要它有效，任何事情都会做！

谢谢

【问题讨论】：

标签： javascript asp.net jquery vb.net

【解决方案1】：

基本的日期时间算法。

// format the given date in desired format
// ignores date portion; adds leading zeros to hour, minute and second
function fd(d){
 var h = d.getHours();
 var m = d.getMinutes();
 var s = d.getSeconds();
 return (h < 10 ? '0'+h : h) + 'hrs ' +
    (m < 10 ? '0'+m : m) + 'mins '+
    (s < 10 ? '0'+s : s) + 'secs';
}
// 1) 10800 seconds = 3600 * 3 = 3 hours
// 2) a+=10 increments seconds counter in 10-second interval
for ( var a = 0; a < 10800; a+=10 ) {
  // an arbitrary date is chosen, we're more interested in time portion
  var b = new Date('01/01/2000 04:00:00');
  var c = new Date();
  b.setTime(b.getTime() + a*1000);
  // c is b + 9 seconds
  c.setTime(b.getTime() + 9*1000);
  $("#table1").append(
    "<tr><td>" + fd(b) + ' - ' + fd(c) + "</td></tr>"
  );
}

查看输出here。我认为您可以轻松将此代码示例移植到 ASP.Net/VB.Net/C#。

【讨论】：