JavaScript:动态生成的时间列表

Depositphotos 27736851年代

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

我不必手动创建列表,而是利用 JavaScript 的一些循环技术来动态生成列表。 只需使用 24 小时制输入您的 'from' 和 'to' 时间,剩下的就交给脚本了!

由于我不是程序员,而且我的好朋友 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:15AM, 11:00PM, 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来减少垃圾邮件。 了解您的数据如何处理.