`

Javascript完整的倒计时应用代码

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<title>Javascript完整的倒计时应用代码——物联网技术资讯互动平台</title>
<meta name="description" content="物联网技术资讯互动平台——为物联网产业发展搭建技术互动平台;传播全球物联网技术发展动态和趋势;推广物联网行业新产品与新方案;促进物联网技术的创新、交流与繁荣。" />
<meta name="keywords" content="物联网技术,物联网资讯,物联网平台" />
<meta content="IE=7" http-equiv="X-UA-Compatible"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js" type="text/javascript"></script>
</head>
<body>

<span id="Lasttime" ></span>
</body>
</html>
<script language="javascript" type="text/javascript">
        var NowTime = new Date(2011,5-1,8,9,29,22);
		//当前时间
        var EndTime= new Date(2011,5-1,8,20, 0,0);
		//截止时间
        var DiffTime = NowTime.getTime() - (new Date()).getTime();
        var RemainD = '天';
        var RemainH = '小时';
        var RemainM = '分';
        var RemainS = '秒';
        function GetRTime(){
        NowTime = new Date();
	    var nMS = EndTime.getTime()- (NowTime.getTime() + DiffTime);
	    var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
	    var nH = Math.floor(nMS/(1000*60*60)) % 24;
	    var nM = Math.floor(nMS/(1000*60)) % 60;
	    var nS = Math.floor(nMS/1000) % 60;
	    var nMS = Math.floor(nMS/100) % 10;
 	    var s = "";	    
	    if(nD > 0)
	    { s += nD + RemainD; }
	    if(nH > 0)
	    { s += nH + RemainH; }
	    if(nM > 0)
	    { s += nM + RemainM; }
	    if(nS > 9)
	    { s += nS + RemainS; }
	    else if(nS >0)
	    { s += "0" + nS + RemainS; }
	    else
	    { s += "00" + RemainS; }
	    
	    if(nD<=0 && nH<=0 && nM<=0 && nS<=0)
	    {
	       $("#Lasttime").html("已经结束").addClass("red");
 	        return;
	    }
	    else if(nD>0) 
	    {
	        $("#Lasttime").html(nD + RemainD+nH + RemainH);
 	    }
	    else if(nD<=0&&nH>1)
	    {
	        $("#Lasttime").html(s);
 	    }
 	    
	    else if(nD<=0&&nH<1&&nS>0&&nM>30)
	    {
	     $("#Lasttime").html(s);
  	    }
 	    else if(nD<=0&&nH<1&&nM<30)
 	    {
 	         $("#Lasttime").html(s).addClass("red");
 	    }
	      setTimeout("GetRTime()",1000);
        }
       
        var mkstate=0;
        if(0!=1)
        {
            if(mkstate==0)
            {
                document.onload=GetRTime();
            }
            else
            {
             $("#Lasttime").html("已经结束").addClass("red");
            }
        }
        else
        {
           $("#Lasttime").html("不受限制");
        }
  </script>
 
1
5
分享到:
评论

相关推荐

    javascript 实现网页 倒计时 代码

    在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等...通过深入理解JavaScript的`Date`对象和事件循环机制,你可以创建更复杂的倒计时功能,满足不同应用场景的需求。

    2023年新年倒计时HTML源代码,2023年春节倒计时代码

    在倒计时代码中,CSS通常用来设置倒计时数字的样式,比如字体大小、颜色、背景、边框等,以确保倒计时醒目且符合节日主题。 `NewYear.js`是JavaScript文件,JavaScript是一种脚本语言,常用于网页交互和动态效果。...

    javascript 倒计时 实例

    JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...

    Javascript的倒计时显示特效

    JavaScript倒计时显示特效是一...通过这个实例,你可以根据自己的需求调整结束时间,实现各种倒计时应用场景。同时,这个基础示例也为你提供了扩展和定制的可能性,比如增加样式、添加动画效果或者处理更多复杂的逻辑。

    元旦倒计时代码-简单的javascript倒计时完整源码下载

    通过下载并研究这个“简单的javascript倒计时完整源码”,你可以深入理解以上所述的JavaScript编程概念,并可能发现更多的优化技巧或自定义功能。对于初学者来说,这是一个很好的学习实例,可以提高你对前端开发的...

    javascript 倒计时程序 图片数字

    综上所述,创建一个JavaScript倒计时程序,我们需要掌握JavaScript的时间处理、DOM操作和可能的图片资源应用。通过不断更新和显示计算出的倒计时时间,结合图片数字,我们可以制作出既实用又美观的倒计时效果。

    JavaScript元旦倒计时代码

    本文将详细介绍如何使用JavaScript实现一个简单的元旦倒计时代码,以满足公司对新年庆祝活动的需求。 首先,我们需要理解JavaScript的时间处理方式。在JavaScript中,Date对象用于表示日期和时间。我们可以创建一个...

    javascript新年倒计时雪花代码,可用在新年倒计时,雪花效果逼真,兼容主流浏览器

    因此,为了部署这个新年倒计时雪花代码,你需要按照readme.md的指示进行操作,这可能包括引入相关的JavaScript和CSS文件,设置倒计时的结束日期,以及在页面中指定展示倒计时和雪花效果的元素。 总的来说,通过...

    jsp服务器时间倒计时完整实例源代码

    jsp服务器时间倒计时完整实例源代码 本资源提供了一个基于JSP的服务器时间倒计时实例源代码...本资源提供了一个完整的JSP服务器时间倒计时实例源代码,涵盖了JSP、JavaScript、JQuery等多种技术,供初学者学习和参考。

    几个javascript倒计时代码

    倒计时功能是JavaScript中常见的应用场景,比如考试系统的倒计时、活动开始前的预告等。本篇文章将深入探讨如何利用JavaScript实现不因页面刷新而改变的倒计时代码。 首先,我们要明白,JavaScript的运行环境是基于...

    团购类倒计时JS代码

    【团购类倒计时JS代码】是一种常见的网页动态效果,主要应用于电商或团购类网站,用于展示商品优惠活动剩余时间,增加用户紧迫感,促进销售。这种代码通常使用JavaScript语言编写,结合HTML和CSS实现页面上的显示...

    html JavaScript js倒计时跳转页面

    这个功能可以应用于网页广告的倒计时展示、限时优惠活动的倒计时提醒,或者任何需要在特定时间后自动跳转的场景。 至于提供的文件 `setTimeout.html`,这很可能是一个包含了上述JavaScript和HTML代码的完整页面示例...

    javascript 倒计时代码

    JavaScript 倒计时代码详解 在本篇文章中,我们将深入探讨 JavaScript 倒计时代码的实现 principio 和应用场景。通过分析给定的代码,我们将了解到倒计时代码的基本结构、计时机制、显示...* JavaScript倒计时应用场景

    利用javascript技术实现时间倒计时

    在当今互联网时代,倒计时功能在网站和应用程序中十分常见,如活动倒计时、产品发布倒计时等场景。通过JavaScript技术实现时间倒计时不仅能够增强用户体验,还能为开发者提供灵活的编程接口来满足各种需求。本文将...

    jQuery6种不同倒计时效果代码.zip

    本资源"jQuery6种不同倒计时效果代码.zip"包含了六种不同的倒计时解决方案,基于jQuery 1.11.0版本,下面将详细解析这些效果及其实现原理。 1. **基础数字滚动倒计时** 这种效果通过逐个改变数字来展示倒计时过程...

    元旦倒计时代码+HTML+JavaScript

    在倒计时应用中,JavaScript负责计算剩余时间并更新HTML内容。以下是一个简单的JavaScript倒计时函数示例: ```javascript function countdown() { const targetDate = new Date('January 1, 2023 00:00:00'); // ...

    JavaScript--倒计时

    JavaScript倒计时是一种常见的网页动态效果,用于显示特定时间点前的剩余时间。在Web开发中,倒计时常用于活动预告、考试提醒或者产品上线等场景。本篇将深入探讨如何利用JavaScript实现一个功能完备的倒计时功能。 ...

    元旦倒计时代码-JavaScript新年(元旦)倒计时完整源码下载

    这篇文档将深入解析“元旦倒计时代码-JavaScript新年(元旦)倒计时完整源码”的关键知识点,包括如何实现倒计时功能,以及涉及的相关技术。 首先,JavaScript是这个项目的核心编程语言,它是一种轻量级的、解释型...

    精简实用的倒计时代码,最好的倒计时代码

    本资源提供了一个精简实用的倒计时代码,适用于JavaScript和jQuery环境,易于理解和定制。以下是对这个倒计时代码的核心知识点的详细解释: 1. **倒计时原理**:倒计时通常是通过计算当前时间与设定结束时间之间的...

    基于JavaScript的倒计时器的设计.pdf

    本文主要讨论了基于JavaScript的倒计时器的设计,涉及到倒计时器的意义、JavaScript语言在应用中的特性、倒计时器的界面和脚本设计、本设计的特点等知识点。 知识点1:倒计时器的意义 倒计时器是一种常见的计时...

Global site tag (gtag.js) - Google Analytics