<!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>
分享到:
相关推荐
在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等...通过深入理解JavaScript的`Date`对象和事件循环机制,你可以创建更复杂的倒计时功能,满足不同应用场景的需求。
在倒计时代码中,CSS通常用来设置倒计时数字的样式,比如字体大小、颜色、背景、边框等,以确保倒计时醒目且符合节日主题。 `NewYear.js`是JavaScript文件,JavaScript是一种脚本语言,常用于网页交互和动态效果。...
JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
JavaScript倒计时显示特效是一...通过这个实例,你可以根据自己的需求调整结束时间,实现各种倒计时应用场景。同时,这个基础示例也为你提供了扩展和定制的可能性,比如增加样式、添加动画效果或者处理更多复杂的逻辑。
通过下载并研究这个“简单的javascript倒计时完整源码”,你可以深入理解以上所述的JavaScript编程概念,并可能发现更多的优化技巧或自定义功能。对于初学者来说,这是一个很好的学习实例,可以提高你对前端开发的...
综上所述,创建一个JavaScript倒计时程序,我们需要掌握JavaScript的时间处理、DOM操作和可能的图片资源应用。通过不断更新和显示计算出的倒计时时间,结合图片数字,我们可以制作出既实用又美观的倒计时效果。
本文将详细介绍如何使用JavaScript实现一个简单的元旦倒计时代码,以满足公司对新年庆祝活动的需求。 首先,我们需要理解JavaScript的时间处理方式。在JavaScript中,Date对象用于表示日期和时间。我们可以创建一个...
因此,为了部署这个新年倒计时雪花代码,你需要按照readme.md的指示进行操作,这可能包括引入相关的JavaScript和CSS文件,设置倒计时的结束日期,以及在页面中指定展示倒计时和雪花效果的元素。 总的来说,通过...
jsp服务器时间倒计时完整实例源代码 本资源提供了一个基于JSP的服务器时间倒计时实例源代码...本资源提供了一个完整的JSP服务器时间倒计时实例源代码,涵盖了JSP、JavaScript、JQuery等多种技术,供初学者学习和参考。
倒计时功能是JavaScript中常见的应用场景,比如考试系统的倒计时、活动开始前的预告等。本篇文章将深入探讨如何利用JavaScript实现不因页面刷新而改变的倒计时代码。 首先,我们要明白,JavaScript的运行环境是基于...
【团购类倒计时JS代码】是一种常见的网页动态效果,主要应用于电商或团购类网站,用于展示商品优惠活动剩余时间,增加用户紧迫感,促进销售。这种代码通常使用JavaScript语言编写,结合HTML和CSS实现页面上的显示...
这个功能可以应用于网页广告的倒计时展示、限时优惠活动的倒计时提醒,或者任何需要在特定时间后自动跳转的场景。 至于提供的文件 `setTimeout.html`,这很可能是一个包含了上述JavaScript和HTML代码的完整页面示例...
JavaScript 倒计时代码详解 在本篇文章中,我们将深入探讨 JavaScript 倒计时代码的实现 principio 和应用场景。通过分析给定的代码,我们将了解到倒计时代码的基本结构、计时机制、显示...* JavaScript倒计时应用场景
在当今互联网时代,倒计时功能在网站和应用程序中十分常见,如活动倒计时、产品发布倒计时等场景。通过JavaScript技术实现时间倒计时不仅能够增强用户体验,还能为开发者提供灵活的编程接口来满足各种需求。本文将...
本资源"jQuery6种不同倒计时效果代码.zip"包含了六种不同的倒计时解决方案,基于jQuery 1.11.0版本,下面将详细解析这些效果及其实现原理。 1. **基础数字滚动倒计时** 这种效果通过逐个改变数字来展示倒计时过程...
在倒计时应用中,JavaScript负责计算剩余时间并更新HTML内容。以下是一个简单的JavaScript倒计时函数示例: ```javascript function countdown() { const targetDate = new Date('January 1, 2023 00:00:00'); // ...
JavaScript倒计时是一种常见的网页动态效果,用于显示特定时间点前的剩余时间。在Web开发中,倒计时常用于活动预告、考试提醒或者产品上线等场景。本篇将深入探讨如何利用JavaScript实现一个功能完备的倒计时功能。 ...
这篇文档将深入解析“元旦倒计时代码-JavaScript新年(元旦)倒计时完整源码”的关键知识点,包括如何实现倒计时功能,以及涉及的相关技术。 首先,JavaScript是这个项目的核心编程语言,它是一种轻量级的、解释型...
本资源提供了一个精简实用的倒计时代码,适用于JavaScript和jQuery环境,易于理解和定制。以下是对这个倒计时代码的核心知识点的详细解释: 1. **倒计时原理**:倒计时通常是通过计算当前时间与设定结束时间之间的...
本文主要讨论了基于JavaScript的倒计时器的设计,涉及到倒计时器的意义、JavaScript语言在应用中的特性、倒计时器的界面和脚本设计、本设计的特点等知识点。 知识点1:倒计时器的意义 倒计时器是一种常见的计时...