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 select =”;
    var ampm ='AM';
    for(var hour = from; hour 11){
    ampm ='PM';
    }
    var hour12 =小时> 12吗? 小时– 12:小时;
    对于(var min = 0; min <60; min + = mins){
    var min0 = min <10? '0'+分钟:分钟;
    选择+ =''+ hour12 +':'+ min0 +''+ ampm +'';
    }
    }
    选择+ =”;
    返回选择;

你觉得呢?

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