Jquery实现 定义一个时间 然后和当前时间比较计算相隔时间信息

本文主要是介绍Jquery实现 定义一个时间 然后和当前时间比较计算相隔时间信息,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

个人博客为了记录一下到底时间运行了多久时间

$(function () {playRunTimeStr(startTime, serverTime, '#runtime');
});//运行时间
var serverTime = new Date();
var startTime = new Date(2019, 10, 30);  //开始时间  js月份从0开始;
/*** 计算时间* @param startTime* @param serverTime* @param selecter*/
function playRunTimeStr(startTime, serverTime, selecter) {showRunTime(startTime, serverTime, selecter);setInterval(function () {showRunTime(startTime, serverTime, selecter);serverTime = new Date(serverTime.getTime() + 1000 * 1);}, 1000);
}/*** 计算运行时间换算* @param startTime* @param serverTime* @param selecter*/
function showRunTime(startTime, serverTime, selecter) {var date3 = serverTime.getTime() - startTime.getTime();  //时间差的毫秒数//计算出相差天数var days = Math.floor(date3 / (24 * 3600 * 1000));//计算出小时数var leave1 = date3 % (24 * 3600 * 1000);    //计算天数后剩余的毫秒数var hours = Math.floor(leave1 / (3600 * 1000));//计算相差分钟数var leave2 = leave1 % (3600 * 1000);        //计算小时数后剩余的毫秒数var minutes = Math.floor(leave2 / (60 * 1000));//计算相差秒数var leave3 = leave2 % (60 * 1000);      //计算分钟数后剩余的毫秒数var seconds = Math.round(leave3 / 1000);layui.use(['jquery','util'],function(){var $ = layui.jquery;var util = layui.util;var str = '网站运行时间:<span style="margin-left:4px;">' + util.digit(days, 2) + '天' + util.digit(hours, 2) + '时' + util.digit(minutes, 2) + '分' + util.digit(seconds, 2) + '秒</span>';$(selecter).html(str);});}

html嘛直接自己写就好  <p id="runtime"></p>

实际得到的效果图

这个地方结合使用了layui的时间处理哈 需要下载layui的 直接去下载

layui 下载传送门

这篇关于Jquery实现 定义一个时间 然后和当前时间比较计算相隔时间信息的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/814403

相关文章

Java获取当前时间String类型和Date类型方式

《Java获取当前时间String类型和Date类型方式》:本文主要介绍Java获取当前时间String类型和Date类型方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录Java获取当前时间String和Date类型String类型和Date类型输出结果总结Java获取

Python实现批量提取BLF文件时间戳

《Python实现批量提取BLF文件时间戳》BLF(BinaryLoggingFormat)作为Vector公司推出的CAN总线数据记录格式,被广泛用于存储车辆通信数据,本文将使用Python轻松提取... 目录一、为什么需要批量处理 BLF 文件二、核心代码解析:从文件遍历到数据导出1. 环境准备与依赖库

linux下shell脚本启动jar包实现过程

《linux下shell脚本启动jar包实现过程》确保APP_NAME和LOG_FILE位于目录内,首次启动前需手动创建log文件夹,否则报错,此为个人经验,供参考,欢迎支持脚本之家... 目录linux下shell脚本启动jar包样例1样例2总结linux下shell脚本启动jar包样例1#!/bin

go动态限制并发数量的实现示例

《go动态限制并发数量的实现示例》本文主要介绍了Go并发控制方法,通过带缓冲通道和第三方库实现并发数量限制,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录带有缓冲大小的通道使用第三方库其他控制并发的方法因为go从语言层面支持并发,所以面试百分百会问到

Go语言并发之通知退出机制的实现

《Go语言并发之通知退出机制的实现》本文主要介绍了Go语言并发之通知退出机制的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、通知退出机制1.1 进程/main函数退出1.2 通过channel退出1.3 通过cont

Python实现PDF按页分割的技术指南

《Python实现PDF按页分割的技术指南》PDF文件处理是日常工作中的常见需求,特别是当我们需要将大型PDF文档拆分为多个部分时,下面我们就来看看如何使用Python创建一个灵活的PDF分割工具吧... 目录需求分析技术方案工具选择安装依赖完整代码实现使用说明基本用法示例命令输出示例技术亮点实际应用场景扩

java如何实现高并发场景下三级缓存的数据一致性

《java如何实现高并发场景下三级缓存的数据一致性》这篇文章主要为大家详细介绍了java如何实现高并发场景下三级缓存的数据一致性,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 下面代码是一个使用Java和Redisson实现的三级缓存服务,主要功能包括:1.缓存结构:本地缓存:使

如何在Java Spring实现异步执行(详细篇)

《如何在JavaSpring实现异步执行(详细篇)》Spring框架通过@Async、Executor等实现异步执行,提升系统性能与响应速度,支持自定义线程池管理并发,本文给大家介绍如何在Sprin... 目录前言1. 使用 @Async 实现异步执行1.1 启用异步执行支持1.2 创建异步方法1.3 调用

Spring Boot配置和使用两个数据源的实现步骤

《SpringBoot配置和使用两个数据源的实现步骤》本文详解SpringBoot配置双数据源方法,包含配置文件设置、Bean创建、事务管理器配置及@Qualifier注解使用,强调主数据源标记、代... 目录Spring Boot配置和使用两个数据源技术背景实现步骤1. 配置数据源信息2. 创建数据源Be

在MySQL中实现冷热数据分离的方法及使用场景底层原理解析

《在MySQL中实现冷热数据分离的方法及使用场景底层原理解析》MySQL冷热数据分离通过分表/分区策略、数据归档和索引优化,将频繁访问的热数据与冷数据分开存储,提升查询效率并降低存储成本,适用于高并发... 目录实现冷热数据分离1. 分表策略2. 使用分区表3. 数据归档与迁移在mysql中实现冷热数据分