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

最新推荐文章于 2024-07-31 16:33:32 发布
最新推荐文章于 2024-07-31 16:33:32 发布
阅读量741 收藏 2
点赞数
文章标签： javascript ViewUI

简单的倒计时代码


<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 οnlοad="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>

岁寒松柏
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页特效java代码,美化网页常用特效代码
weixin_35064201的博客
03-12 1085
1．让文字不停地滚动＜MARQUEE＞滚动文字＜/MARQUEE＞2．记录并显示网页的最后修改时间＜scriptlanguage=JavaScript＞document.write("最后更新时间:"+document.lastModified+"")＜/script＞3．关闭当前窗口＜ahref="/"＞关闭窗口＜/a＞4．2秒后关闭当前页＜scriptlanguage="Jav...
网页设计特效-倒计时动画（canvas+js实现）
weixin_42148546的博客
03-16 718
项目github地址：https://github.com/llllllllr/CountDown-digits 这是一个canvas的网页特效，做一个倒计时的效果并让彩色小球向下滚动。下面是实现过程： 整个项目有三个文件，分别为digit.js，countdown.js和index.html文件，我们先在html文件里面声明一个画布，并指定大小 &lt;body&gt; &lt;ca...
html网页css3倒计时代码,CSS3 实现倒计时效果
weixin_39553423的博客
07-17 433
实现效果实现代码html0543210098765432100543210098765432100987654321009876543210css/* Play with speed and easing of the animation *//* =========================================== */.digit {display: inline-block...
HTML特效页面（2）--倒计时显示代码（页面美观）
greefgu的博客
06-30 2261
HTML特效页面（2）--倒计时显示代码（页面美观）
html天猫倒计时代码,天猫倒计时,网页倒计时JavaScript代码
weixin_39768645的博客
06-07 432
天猫倒计时,网页倒计时JavaScript特效，距离2015-11-11日倒计时：距离活动结束还有00时00分00秒99天猫倒计时,网页倒计时JavaScript代码：body {}.sp-banner-countdown {width: 500px;height: 55px;/*position: absolute;top: 375px;right: 282px;*//*background-i...
html广告倒计时代码,jquery实现可关闭的倒计时广告特效代码
weixin_33148621的博客
06-09 564
本文实例讲述了jquery实现可关闭的倒计时广告特效代码。分享给大家供大家参考。具体如下：这是一款类似播放视频时候最开始的倒计时广告，广告时间结束才能看到视频内容，一个JS小贴片广告代码，右上角带关闭按钮，左上角显示倒计时剩余时间，运行jQuery代码综合实现，CSS和HTML共同结合的网页特效，兼容各主流浏览器，本效果是从门户网站上整理而来。希望大家喜欢。先来看看运行效果截图：在线演示地址如下：...
01-canvas 倒计时特效
祥哥的说
12-25 382
效果演示：  代码部分： Countdown.html文件  &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;canvas倒计时特效&lt;/title&gt; &lt;style
网页倒计时跳转JS代码
主题模板站的博客
01-23 224
以下是倒计时120秒跳转代码，对于需要倒计时的页面非常实用，如果倒计时后不想跳转，可以注销掉 location.href = 这行代码。
前端-js网页特效（一）倒计时效果及原理
weixin_57269725的博客
10-09 1570
说到倒计时效果，基本面实现的话离不开 setInterval()这个方法，通过setInterval这个方法每隔一秒重新求当前时间距离目标时间所剩下的时间长度，对应不同计时单位分别求值
jquery倒计时广告特效代码
03-20
【jQuery倒计时广告特效代码】是一种常见的网页交互设计，主要应用于网站的限时优惠、活动预告或者重要事件提醒等场景。jQuery是一个轻量级、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和...
带关闭倒计时的广告代码网页居中悬浮适合网页
01-01
然后是“倒计时代码”。倒计时功能常用于限时优惠、活动截止等场景，它能增加用户紧迫感，促进用户采取行动。在JavaScript中，我们可以使用setInterval函数来周期性地更新倒计时的显示。根据设定的结束时间，计算...
HTML5网页倒计时特效特效代码
03-20
在本主题中，我们关注的是HTML5中的一个实用功能——网页倒计时特效。这种特效通常用于活动预热、产品上线预告或者考试倒计时等场景，能够吸引用户的注意力并增加网站的动态感。 首先，HTML5网页倒计时特效的核心...
HTML5网页倒计时代码特效.zip
07-05
在本例中，我们关注的是HTML5的一个特殊应用——网页倒计时代码特效。 倒计时通常用于网站上预告活动、产品发布或者截止日期等场景，为用户提供一种直观的时间感知。HTML5网页倒计时代码特效利用了HTML5中的`<time>...
js倒计时插件特效代码
03-20
在本案例中，"js倒计时插件特效代码"可能包含了一套完整的JavaScript代码和相关的配置选项，允许开发者自定义倒计时的颜色、样式甚至是背景图片，以适应不同的网页设计需求。 首先，我们需要理解JavaScript的基本...
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 667
JavaScript青少年简明教程：函数及其相关知识（下）
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 506
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 232
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
RN高级interview
最新发布
流星雨的博客
07-31 302
RN高级interview
dev-c++倒计时源代码
06-24
Dev-C++ 是一个古老的跨平台的C++集成开发环境（IDE），主要用于Windows系统。如果你想在Dev-C++中实现一个简单的倒计时功能，你可以使用C++的`chrono`库来处理时间。以下是一个简单的例子，展示了如何创建一个倒计时程序： ```cpp #include <iostream> #include <chrono> #include <thread> void countdown(int seconds) { std::cout << "Countdown started...\n"; auto start = std::chrono::high_resolution_clock::now(); while (std::chrono::duration_cast<std::chrono::seconds>(std::chrono::high_resolution_clock::now() - start).count() < seconds) { std::cout << seconds << " seconds remaining...\n"; --seconds; if (seconds > 0) { std::this_thread::sleep_for(std::chrono::seconds(1)); } } std::cout << "Time's up!\n"; } int main() { int countdown_seconds = 10; // 设定倒计时秒数 std::cout << "Press enter to start the countdown...\n"; std::cin.ignore(); // 等待用户输入 std::thread count_thread(countdown, countdown_seconds); count_thread.join(); // 等待倒计时线程结束 return 0; } ``` 这个程序会在用户按下Enter键后开始倒计时，每秒减少一秒钟，直到倒计时结束。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值