根据时间段获取时间轴数组

/**
 *
 * 只精确到分钟,精确到秒可以自行添加
 * @param {any} start 开始时间  (例 9:30)
 * @param {any} end   结束时间  (例 15:00)
 * @returns
 */
function autoTimeline(start, end) {
    var timeline = [],
        startHour = start.split(‘:‘)[0] * 1,
        startMin = start.split(‘:‘)[1] * 1,
        endHour = end.split(‘:‘)[0] * 1,
        endMin = end.split(‘:‘)[1] * 1;
    for (var i = startHour; i <= endHour; i++) {
        var start = (i == startHour) ? startMin : ‘0‘;
        var end = (i == endHour) ? endMin : ‘59‘;
        for (var j = start; j <= end; j++) {
            j = (j < 10) ? ‘0‘ + j : j;
            timeline.push(i + ":" + j);
        }
    }
    return timeline;
}

  

时间: 2024-08-08 13:49:56

根据时间段获取时间轴数组的相关文章

Flex Graphics 画时间轴测试例子

视频监控的web观看端有视频回放这一块,需要做一个时间轴,下面是根据Graphics画的时间轴的例子 下图是应用到项目中: 例子做的只是把时间轴网格,时间轴填充和会移动的时间画出来了,很多细节没有,例子中有用Flex画文字的两种实现方式,画时间刻度那种实现不知道怎么改样式 代码如下: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adob

Android 类似时间轴的实现

想要实现图片中的的时间轴的效果,设定了三种颜色,但是出来的只有一个黑色,还不是设定好的,而且长度很长的话不能滚动,下面上代码: 布局文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android

百度地图API标注+时间轴组合

百度地图API标注+时间轴组合 到新公司实习第八天,Boos让我结合百度地图api做一个动态展示标注变化的组件,要求地图展示某一天的标注,时间轴要求可以动态播放每一天的标注变化...然后我就开始coding... 准备工作: 申请百度api密钥(具体方法我也不多写了,大家应该都会) 了解一下百度地图API的开发指南和类参考文档(如果嫌麻烦的话 可以直接看Demo示例) 一.首先,先加载地图,你可以用实际的经纬度定位.浏览器定位.根据ip定位.根据城市名定位,这个你可以自己选择 // 创建Map实

通过phpexcel获取时间并转换为正常格式

excel内容如下: phpExcel获取到的时间格式如下: 时间格式为,月份-日期-年分 思路是将它转为时间戳,然后就好处理了 php日期函数 int gmmktime([hour],[minute],[second],[month],[day],[year]) 简单来说,返回指定的时间戳 //$data为从excel中获取到的数组 for ($i =0; $i<count($data);$i++){     echo '<br>';     $gettime= explode('-'

JS时间轴效果(类似于qq空间时间轴效果)

2013-11-04 23:51 by 空智, 4041 阅读, 15 评论, 收藏, 编辑 在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来 给大家分享分享 当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求 研究了下qq空间逻辑(当然JS代码压缩了肯定看不到的),只是当时研究了下他们HTML结构和css结构,所以仿照他们那种逻辑自己也写了一个出来.先来看看是个什么样的吧!如下图所示: 需求分析:左侧是一个时间

时间轴的制作

制作时间轴时最重要的是计算下一个圆点及时间轴的长度 1.计算高度可以按取出的当前模型的内容计算,如下: //取出的每个模型 GTimeLineViewModel *timeLimeM = dataArray[i]; //设置内容 NSString *content = timeLimeM.text; //计算高度,注意这里的宽度很关键,将会控制你文字设置的高度,options设置为:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUs

4-Highcharts曲线图之时间轴折线图

鼠标按住左键 左右移动可以试试<!DOCTYPE> <html lang='en'> <head> <title>4-Highcharts曲线图之时间轴折线图</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script src="../jquery-2.1.4/jquery.

SNF开发平台WinForm之十三-时间轴控件使用-SNF快速开发平台3.3-Spring.Net.Framework

一.显示效果如下: 二.在控件库里选择UCTimeAxis 拖拽到窗体里. 三.加入以下代码,在load事件里进行调用就可以运行了. #region 给时间轴控件加载数据 private void UCTimeAxisData() { //增加节点 List<KeyValuePair<string, string>> list = new List<KeyValuePair<string, string>>(); list.Add(new KeyValueP

iOS时间轴的实现

最近项目需求,恰好要做一个时间轴,而iOS这方面时间轴的例子也比较少,我就把自己所做的例子和思路共享出来给大家,共同学习. 时间轴的具体实现效果如图1所示:  图1 第一步:看到这个图,我们想到的第一反应就是使用tableView或者CollectionView来完成,那么我这里使用的是tableView.首先,创建一个Single View Application项目,在Main.Storyboard里面拖入一个TableView(如图2所示),这里别忘记了把TableView的delegat