时间线

function gettimeLine(){
const now = new Date();

now.setHours( 0 );
now.setMinutes( 0 );
now.setSeconds( 1 );

const year = now.getFullYear();
const month = now.getMonth() + 1;
const $year = now.getFullYear() - ( month < 4 ? 1 : 0 );
const days = ( new Date( `${ $year + 1 }-04-01` ) - new Date( `${ $year }-04-01` ) ) / 86400000;

return ( ( now - new Date( `${ $year }-04-01` ) ) / 86400000 / days * 100 ).toFixed( 2 ) + ‘%‘;
}
undefined
gettimeLine()
"30.32%"

时间: 2024-08-17 21:45:11

时间线的相关文章

ListView中镶嵌GridView实现时间线功能问题总汇

看了网上的时间线,基本都非常的差劲,不如自己写一个,实现的效果如下,在实现的过程中遇到了2个大的问题:1.gridView显示不全2.listview的item不可点击,那么下面写出我解决这两个问题的办法 一.GridView显示不全的问题 GridView 显示不全是因为ListView和GridView都是可以滚动的,在android中不可以在一个可以滚动的控件中镶嵌另一个可以滚动的控件,那么我们可以通过自定义GridView设置为不滚动. MyGridView import android

SQL Server 2012笔记分享-48:备份时间线

备份时间线是SQL server 2012数据库恢复顾问页面中的一项重要新功能,可以让我们更方便的基于备份时间点进行数据库的恢复. 在SQL server 2012的还原数据库界面,可以找到时间线,如图. 点开时间线时候,我们可以选择还原上次所做的备份,当备份时间线的间隔选择周的时候,我们在下方的时间轴上就可以看到一周之内所有可供还原的备份. 备注:因为下图中选择了还原到上次所做的备份,所以只显示了最近一次的完整备份,如图介于7月2和7月3之间. 我们还可以选择特定的日期和时间,在时间线间隔里面

postgreSQL 时间线

“时间线”(Timeline)是PG一个很有特色的概念,在备份恢复方面的文档里面时有出现.但针对这个概念的详细解释却很少,也让人不太好理解,我们在此仔细解析一下. 时间线的引入 为了理解引入时间线的背景,我们来分析一下,如果没有时间线,会有什么问题?先举个将数据库恢复到以前时间点的例子.假设在一个数据库的运行过程 中,DBA在周三12:00AM删掉了一个关键的表,但是直到周五中午才发现这个问题.这个时候DBA拿出最初的数据库备份,加上存在归档目录的日志文 件,将数据库恢复到周三11:00AM的时

只存在于理想中的客户端JavaScript时间线

1.Web浏览器根据URL地址下载文档内容,并创建Document对象,解析WEB页面,HTML元素,包含的文本内容,将这些节点添加到DOM树中.在这个阶段,document.readystate属性的值是 loading. 2.当解析器遇到没有async和defer属性的<script>元素时,它把这个元素添加到DOM树中,并且开始执行其中的JavaScript脚本,这些脚本会被同步执行,并且在下载(通过src属性引用的外部js)和执行的过程中,解析器会暂停.所以在这些脚本中可以使用docu

WPF中的动画——(三)时间线(TimeLine)

时间线(TimeLine)表示时间段. 它提供的属性可以让控制该时间段的长度.开始时间.重复次数.该时间段内时间进度的快慢等等.在WPF中内置了如下几种TimeLine: AnimationTimeline?:前面已经介绍过,主要用于属性的过渡,这种是最常见的动画. MediaTimeline:用于控制媒体文件播放的时间线. ParallelTimeline:ParallelTimeline?是一种可对其他时间线进行分组的时间线,可用于实现较复杂的动画. Storyboard?:一种特殊的?Pa

一款纯css实现的垂直时间线效果

今天给大家分享一款纯css实现的垂直时间线效果.垂直时间线适合放在类似任务时间安排的网页上.该实现采用了蓝色作为主题色,界面效果还不错.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="clearfix"> <span>Blueprint <span class="bp-icon bp-icon-about"

jquery中$(document).ready(function(){//todo});window.onload时间线关系

1.基于DOM的解析加载过程,即:document.readystate状态, 其有如下四个状态: a.uninitiated,未初始化状态. b.loading,dom开始解析. c.loaded,dom解析完成.document.ready触发,然后再加载其他东西(图片.延迟加载的js代码等). d.complete,所需要的图片 异步js等也加载完成,整个页面不在请求数据. 2.例子如下: document.onreadystatechange = function(){ if(docum

ANDROID_MARS学习笔记_S04_007_从服务器获取微博数据时间线

一.代码 1.xml(1)activity_main.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:orientation="vertical" 4 android:layout_width=&qu

pg_rewind 源端时间线发生改变 同步失败

master-standby情况下,发生如下行为: 1.master停掉后,standby做为新的master(可能存在部分事物没有同步到standby中). 2.新master运行过程中出错,进行恢复,时间线发生变化. 3.旧master启动前,先跟新master进行pg_rewind,会出现时间线不一致的问题. -bash-4.1$ pg_rewind --target-pgdata='xxx' --source-server='host=xx.xx.xx.xx port=xxxx dbna

WPF性能调试系列 – 应用程序时间线

应用程序时间线(Application Timeline) 应用程序时间线工具是VS2015新添加的功能,通过对WPF程序的检测,可以分析应用程序消耗的时间包含用户界面框架.服务网络和磁盘请求.程序启动及页面加载.此处重点介绍程序加载和页面加载的时间性能分析. 模拟分析应用程序 打开VS2015,通过菜单分析(N)-> 性能探测器(F)打开分析器,在可用工具中选择应用程序时间线. 注: 1.  不同版本的VS菜单名称可能不相同,上图为VS2015企业简体中文版,根据路径选择具体菜单 2.  分析