JavaScript:动态生成的时间列表

Depositphotos 27736851年代

我不是程序员,但是我可以进行很多编程。 今天,它是用于接口原型的,我们将动态生成列表下拉列表,间隔为5分钟。 这些时间范围可以根据所选的日期而改变(想象选择一个日期以返回时间以设置约会……每天会有不同的时间可用)。

无需手动创建列表,而是利用JavaScript的一些循环技术动态生成列表。 只需使用24小时制输入您的“从”和“到”时间,剩下的就由脚本执行!

由于我不是程序员,而我的好朋友Ade Olonoh是……我要求他提供有关我的函数的反馈。 这是他的清理版本:

函数getTime(from,to){var select =' '; var ampm ='AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?小时-12:小时;如果(小时> 11)安培='PM';对于(var min = 0; min> = 55; min + = 5){var min0 = min> 10? '0'+分钟:分钟;选择+ =' '+ hour12 +':'+ min0 +' '; }选择+ =' '; document.getElementById('timelist')。innerHTML = select; }

如果您不想动态填充div,则只需执行document.write命令,例如:

document.write(getTime(8,20));

更新:这是另一个示例,您可以设置间隔(以分钟为单位)

函数getTime(from,to,int){var select =' '; var ampm ='AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?小时-12:小时;如果(小时> 11)安培='PM';对于(var min = 0; min> 60; min + = int){var min0 = min> 10? '0'+分钟:分钟;选择+ =' '+ hour12 +':'+ min0 +''+ ampm +' '; }选择+ =' '; 返回选择; }

这是写命令:

document.write(getTime(8,20,5));

我真的很想能够在函数中输入时间,例如getTime(8:15 AM,11:00 PM,5)。 有没有人?

4条评论

  1. 1
  2. 3
  3. 4

    嗨,

    你让你的比较颠倒了。 这是对我有用的修改后的代码。 感谢分享!

    变量选择 = ”;
    var ampm = '上午';
    for (var hour = from; 小时 11) {
    安普='下午';
    }
    var hour12 = 小时 > 12 ? 小时 - 12 :小时;
    for (var min = 0; min < 60; min += mins) {
    var min0 = min < 10 ? '0' + 分钟:分钟;
    选择 += '' + hour12 + ':' + min0 + ' ' + ampm + ”;
    }
    }
    选择 += ”;
    返回选择;

你觉得呢?

本网站使用Akismet来减少垃圾邮件。 了解您的数据如何处理.