`
assen
  • 浏览: 62265 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js时间比较

    博客分类:
  • html
阅读更多
做活动的时候,运营往往会提前1到2天把活动发到线上去,此时需要做个类似时间控制的东西,就是当活动时间到了,按钮或者图片显示可操作状态,当活动过期了,按钮就变成灰色等等一系列根据时间来控制显示不同的东西,这里介绍个小方法,其实也是老东西了,供参考。


方式一:
<script type="text/javascript">
////这里可以用来传精确的时分秒
function timeCompare(tyear,tmonth,tday,thour,tmin){
     this.startTime=new Date(tyear,tmonth,tday,thour,tmin);
     this.endTime=new Date(tyear,tmonth,tday,thour,tmin);
}
	
timeCompare.prototype.init=function(){
    var start=this.startTime.getTime(),
        end=this.endTime.getTime(),
        now=new Date().getTime();
    if(now<start){
        alert("活动未开始");
    }else if(now>end){
        alert("活动已结束");
    }else{
        alert("活动进行中")
    }
}

////这段放在你需要调用的地方
var bb=new timeCompare();
bb.startTime=new Date(2013,08,01,00,00);
bb.endTime=new Date(2013,08,10,23,59);
bb.init();

</script>




方式二:
<script type="text/javascript">
////这里只需传入开始和结束的时间戳
function timeCompare(start,end){
    this.startTime=new Date(start);
    this.endTime=new Date(end);
}
timeCompare.prototype.init=function(){
    var start=this.startTime.getTime(),
	end=this.endTime.getTime(),
	now=new Date().getTime();
    if(now<start){
         return "not";
    }else if(now>end){
         return "done";
    }else if(now<=end && now>=start){
         return "doing";
    }
}

////放在你调用的地方
var doAct=new timeCompare();
doAct.startTime=new Date(start.getTime());//start是开始的Date时间
doAct.endTime=new Date(end.getTime());//endstart是结束的Date时间
var res = doAct.init();
if(res=='not'){//未开始
     alert(未开始)
}else if(res=='done'){//已结束
     alert("已结束")
}else if(res=='doing'){//进行中
     alert("进行中")
}
</script>
分享到:
评论

相关推荐

    js日期带时间的比较

    js日期带时间的比较,js日期带时间的比较

    js获取页面上的时间和当前时间进行比较判断

    2. **时间区域问题**:JavaScript中的`Date`对象默认使用浏览器的时区,如果涉及到跨时区的时间比较,需要注意时区差异。 3. **兼容性问题**:不同的浏览器对日期和时间的处理可能存在细微差别,在开发时应考虑这些...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...

    JS时间拖动条

    在JavaScript(JS)编程中,实现一个时间拖动条功能是一项常见的需求,特别是在涉及到多媒体播放、视频剪辑或时间控制的场景中。本项目“JS时间拖动条”旨在模仿QQ影音中的视频剪辑拖动条,提供用户友好的交互体验。...

    动态显示当前时间的js

    总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

    时间线js 根据时间进度 显示节点位置

    在本案例中,“时间线js 根据时间进度 显示节点位置”表明我们正在处理一个JavaScript实现的时间线组件,它能够动态更新,以反映时间的流逝和进度变化,并且能够在时间线上定位各个关键节点。 首先,我们需要理解...

    横向时间轴插件_js_时间轴_

    标题中的“横向时间轴插件_js_时间轴_”指的是一个使用JavaScript编写的,用于展示时间线的插件。在Web开发中,时间轴插件常用于以视觉化的方式展示事件序列,比如历史事件、项目进度或者新闻更新等。这个插件可能是...

    基于原生Js的时间轴前端插件

    本文将深入探讨如何使用原生JavaScript(简称Js)开发一款可自定义颜色、格式化输出的时间轴插件。这款插件旨在帮助开发者更方便地在网页上展示时间序列信息,提供高度定制化的功能,以满足不同场景的需求。 首先,...

    js时间轴插件

    JavaScript时间轴插件是一种在网页上展示序列事件或数据流的有效工具。它们通常用于项目管理、历史记录展示、新闻更新或者其他需要按照时间顺序呈现信息的场景。本篇将深入探讨"js时间轴插件"的核心概念,以及如何...

    javascript 时间刻度尺插件

    JavaScript时间刻度尺插件是一种用于可视化时间轴的工具,常用于数据展示、日程管理或图表绘制等场景。它能够帮助用户清晰地看到时间序列上的各个关键点,提高数据的可读性和交互性。在本文中,我们将深入探讨这个...

    js时间轴组件

    JavaScript时间轴组件是一种用于在网页上展示序列事件的可视化工具,它可以帮助用户更好地理解数据的顺序和时间关系。本文将详细介绍这种基于JavaScript的时间轴组件及其使用。 首先,时间轴组件通常包含一系列标记...

    js 时间线 时间轴

    JavaScript时间线和时间轴在网页应用中经常用于展示和交互数据,特别是在数据分析、日历管理、历史事件展示等场景。时间轴(Timeline)是一种可视化工具,它将时间序列转化为易于理解的图形,用户可以通过它来浏览和...

    js时间轴横向代码

    JavaScript时间轴是一种交互式的网页元素,用于展示一系列按时间顺序排列的事件或数据。在本案例中,"js时间轴横向代码" 涉及到使用JavaScript和可能的CSS(根据提供的文件名css.css)来创建一个水平显示的时间轴。...

    js获取当前时间yyyymmddhhmmss

    js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间...

    js 时间插件(带时分秒)

    JavaScript时间插件是一种用于网页应用中的工具,它能够帮助开发者创建和管理与时间相关的功能,如显示当前时间、倒计时、计时器等。在网页设计中,尤其是在需要实时更新时间或者创建交互式时间元素的场景下,这类...

    JavaScript 类似微信历史聊天时间样式

    在JavaScript编程中,有时我们需要创建特定的用户界面,比如模拟微信聊天时间的显示方式。这个需求涉及到日期和时间的处理,以及根据当前时间与给定时间的比较来展示不同的时间格式。以下是一些关于实现“JavaScript...

    js时间比较示例分享(日期比较)

    总结来说,通过这个简单的JavaScript时间比较示例,可以学习到如何通过JavaScript代码实现用户输入日期的解析、转换和比较,并通过用户界面反馈比较结果。对于前端开发人员来说,掌握JavaScript日期对象的使用和相关...

    js时间日期输入框

    JavaScript时间日期输入框是一种常见的网页交互元素,它允许用户在网页上方便地选择或输入日期和时间。在网页开发中,这种功能通常通过JavaScript库或者插件实现,以提高用户体验和增强界面的交互性。本篇文章将深入...

    js 时间控件 javascript

    JavaScript时间控件是一种在网页上实现用户交互式时间选择功能的技术。它允许用户通过图形界面选取特定的时间,常用于表单填写、事件安排或者在线预订等场景。在JavaScript和JavaScript库(如jQuery)的帮助下,我们...

    js-实现多功能时间日期时间段区间时间日期插件.rar

    在JavaScript编程领域,时间日期处理是一项常见的任务,尤其是在开发用户界面时。"js-实现多功能时间日期时间段区间时间日期插件.rar" 提供了一个高效、易用的解决方案,旨在简化前端开发者的工作。这款jQuery时间...

Global site tag (gtag.js) - Google Analytics