`
xu520
  • 浏览: 83774 次
  • 性别: Icon_minigender_1
  • 来自: 金华
社区版块
存档分类
最新评论

网页特效代码---倒计时代码

 
阅读更多

简单的倒计时代码


<script language="JavaScript">
var urodz= new Date("3/30/2005");
var s="今天离五一劳动节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦!")
else if (dni == 0)
document.write("只有1天啦!")
else
document.write("好象已经过了哦!");
</script>

有时分秒的倒计时代码


<br>距离考试还有<br>
<span id="span_dt_dt" style='border:1px solid black;background-color:#FFFFFF' ></span>
<SCRIPT language=javascript>
<!--
//document.write("");

function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("04-01-2005");//改成你的计时日期
today=new Date();
timeold=(BirthDay.getTime()-today.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;

}
show_date_time();
//-->
</SCRIPT>

北京奥运会开幕式2008年8月8日20:00 ,距离那一刻的倒计时代码

<html>
<head>
<title>倒计时测试</title>
<!--倒计时设置代码-->
<script language="Javascript">
<!-- hide script from old browser
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Aug 8, 2008 20:00:00") //**倒计时时间点-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ? hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<body onload="clock();return true" text="red">
<!--实现显示-->
距离北京奥运会开幕还有
<form name="formnow">
<input name="dd" type="text" style="border:0;" size=2>

<input name="hh" type="text" style="border:0;" size=2>
小时
<input name="mm" type="text" style="border:0;" size=2>

<input name="ss" type="text" style="border:0;" size=2>

</form>
<!--倒计时完毕-->
</html>

分享到:
评论

相关推荐

    javascript经典特效---倒计时载入页面.rar

    在网页设计中,倒计时加载页面是一种常见的特效,它能为用户提供一个明确的等待指示,提高用户体验。这个名为"倒计时载入页面.rar"的压缩包包含了一个实现此类特效的HTML文件。 倒计时加载页面的核心在于JavaScript...

    好心情网页特效精灵-分享好东西

    6. **计时器与倒计时**:适用于活动预告、限时优惠等场景,增加紧迫感。 7. **加载动画**:在页面内容加载期间显示,可以缓解用户等待的焦虑感。 8. **滑块与拖放**:用于图片库、文件管理等,提供便捷的操作方式...

    网页特效代码收集--网站制作

    "网页特效代码收集--网站制作"这个资源包显然包含了一系列用于创建独特网页效果的代码片段,主要涉及JavaScript(js)技术。JavaScript是一种广泛应用于网页开发的脚本语言,它能够实现动态交互功能,使静态的HTML...

    HTML5网页倒计时代码特效.zip

    在本例中,我们关注的是HTML5的一个特殊应用——网页倒计时代码特效。 倒计时通常用于网站上预告活动、产品发布或者截止日期等场景,为用户提供一种直观的时间感知。HTML5网页倒计时代码特效利用了HTML5中的`&lt;time&gt;...

    带关闭倒计时的广告代码网页居中悬浮适合网页

    然后是“倒计时代码”。倒计时功能常用于限时优惠、活动截止等场景,它能增加用户紧迫感,促进用户采取行动。在JavaScript中,我们可以使用setInterval函数来周期性地更新倒计时的显示。根据设定的结束时间,计算...

    javascript经典特效---在网页中运行代码.rar

    - **时间与日期处理**:利用JavaScript处理日期和时间,创建计时器、倒计时等效果。 学习并实践这些JavaScript特效,不仅能够提升网页的用户体验,也有助于深入理解JavaScript的核心机制。通过阅读和分析压缩包内的...

    倒计时的网页特效源码

    【倒计时网页特效源码解析】 倒计时网页特效是一种常见的前端开发技术,它通常用于网站活动、比赛报名截止日期、产品上市预告等场景,为用户提供清晰的时间提示。本项目涉及的技术栈主要包括HTML、CSS和JavaScript...

    精美的倒计时特效

    本资源提供的"精美的倒计时特效"是一个适用于网页制作的代码实现,可以帮助开发者快速创建吸引人的倒计时效果。下面将详细介绍这个代码实现的核心知识点和应用。 1. **JavaScript基础**: - 倒计时功能通常由...

    javascript经典特效---最简单倒计时.rar

    倒计时是网页上常见的一个特效,常用于活动预告、考试倒计时或者定时任务启动等场景。 倒计时的基本原理是通过计算目标时间与当前时间之间的差值,并以秒或分钟为单位进行递减,直到达到零。在JavaScript中,我们...

    jquery插件--华丽特效之倒计时插件--jqueryCountdown

    在上述代码中,我们设置了一个目标结束日期(此处为2023年12月31日23点59分59秒),并使用`strftime`方法格式化倒计时的显示样式。`%D`代表天数,`%H`代表小时,`%M`代表分钟,`%S`代表秒。 jQueryCountdown插件...

    3个HTML5网页倒计时代码特效

    在本资源中,我们关注的是HTML5网页倒计时代码特效,这是一种利用HTML5的新特性来实现动态倒计时效果的技术。这种特效可以应用于各种场景,比如活动预告、产品上线倒计时等,为用户提供直观的时间感知。 首先,...

    js网页倒计时

    JS倒计时 html 网页倒计时代码 倒计时 JS特效

    js+css3倒计时动画特效

    【描述】"这是一款简单的带有动画效果js+css3实现的3秒倒计时动画特效,网页倒计时js代码。"这段描述指出这个特效是基于JavaScript和CSS3的,具有简化的动画效果,并且特别提到了其倒计时时间为3秒。这意味着开发...

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

    在网页开发中,倒计时效果是一个常见的功能,它广泛应用于活动预告、限时优惠、考试倒计时等场景。jQuery,作为一个轻量级的JavaScript库,提供了强大的DOM操作和事件处理能力,使得实现各种倒计时效果变得简单易行...

    网页特效代码 精确到千分之一秒的计时器

    - **倒计时**:可以根据特定的时间节点实现倒计时功能。 - **定时提醒**:结合 `alert` 或者弹窗提醒功能,在达到设定的时间后发出提示。 - **时间格式化**:优化显示格式,例如显示为“分钟:秒:毫秒”的形式。 ...

    CSS3全屏10秒数字倒计时特效.zip

    【标题】"CSS3全屏10秒数字倒计时特效.zip"是一个包含网页特效的压缩包,专注于使用CSS3技术实现全屏显示的10秒钟数字倒计时。这个特效适用于网页上的活动预告、限时优惠等场景,为用户提供一个直观的时间感知。CSS3...

    元旦倒计时html/元旦倒计时js/元旦节日祝福html源码【元旦倒计时效果很炫酷】

    在本文中,我们将深入探讨如何使用原生JavaScript来实现一个倒计时特效,特别是针对2023年的元旦。这个倒计时功能不仅限于元旦,通过调整代码,你可以将其应用到任何特定的节日或日期。我们将从以下几个方面展开讨论...

    HTML倒计时(JS特效)

    在CSS中,你可以设置字体、颜色、布局、动画效果等,以使倒计时与网页设计风格协调,并吸引用户的注意力。例如,可能有特定的背景颜色、边框、阴影以及时间数字的动画过渡效果。 `index.html`是网页的主体文件,...

    jquery时间倒计时特效

    **jQuery时间倒计时特效**是一种常见的网页交互功能,它能为用户提供实时更新的剩余时间显示,常用于活动倒计时、考试倒计时或任何需要时间敏感信息的场景。在网页开发中,jQuery库因其简洁的API和强大的功能而备受...

    jQuery CSS3动画倒计时特效.zip

    在网页开发中,倒计时特效是一个常见的需求,它可以用于活动预告、考试倒计时等场景。"jQuery CSS3动画倒计时特效"是一个结合了jQuery库和CSS3技术的高效解决方案,它能够以动态、美观的方式展示剩余时间,同时提供...

Global site tag (gtag.js) - Google Analytics