javascript - 动态创建带有时间增量的表

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

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

04hrs 00mins 10secs-04hrs 00mins 19secs

04hrs 00mins 20secs-04hrs 00mins 29secs

.....

06hrs 59mins 50secs-06hrs 59mins 59secs

显然，这需要很长时间才能完成硬代码，因此我正在寻找动态创建它的方法。基于我目前正在尝试学习的知识，我希望能够使用jquery或asp.net（vb）做到这一点，但是只要它能起作用，任何事情都可以做！

谢谢

最佳答案

基本日期时间算法。

// 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#。

关于javascript - 动态创建带有时间增量的表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3854038/