当前位置:首页 > 日记 > 正文

js可以调节倒计时时间代码共享

js可以调节倒计时时间代码共享
这是一款基于javascript的可调倒计时的实现代码,可以手动调整倒计时时间,可以精确到当天分秒,而且样式也很有创意的布局。

第一运行效果图:

效果演示源代码下载

对于剩下的时间可以调整以下代码为js(浏览器如果不正常运行,可以尝试切换浏览模式)。

可以调整倒计时时间js代码
dd_belatedpng.fix(A);
窗口的指针()函数。
{
无功ofill = document.getelementbyid('fill_in);
无功oinputyear = ofill.getelementsbytagname(输入的){ 0 };
无功oinputmonth = ofill.getelementsbytagname(输入的){ 1 };
无功oinputday = ofill.getelementsbytagname(输入的){ 2 };

VaR的OBTN = document.getelementbyid('');
无功obtn2 = document.getelementbyid(2');

无功otxtday = document.getelementbyid(星期);
无功otxthour = document.getelementbyid('hour);
无功otxtmin = document.getelementbyid('min);
无功otxtsec = document.getelementbyid('sec);
无功otxttarget = document.getelementbyid('target')。GetElementsByTagName(强){ 0 };

var定时器= null;

obtn2 onclick=函数()。
{
定时器= setInterval(最后更新时间,1000);
UpdateTime();
otxttarget .innerHTML = oinputyear。价值+年+ oinputmonth。价值+月+ oinputday。价值+天;
};

功能fillzero(num,数字)
{
var =+;

而(str.length <数字)
{
STR = 0+ STR;
}

返回字符;
}

功能更新()
{
无功odateend =新的日期();
无功odatenow =新的日期();

VAR我= 0;

无功1 = 0;
无功ihour = 0;
VaR Imin = 0;
VaR ISEC = 0;

odateend.setfullyear(parseInt(oinputyear。值));
odateend.setmonth(parseInt(oinputmonth。值)- 1);
odateend.setdate(parseInt(oinputday。值));
(0)odateend.sethours;
(0)odateend.setminutes;
(0)odateend.setseconds;

我=(odateend.gettime -odatenow.gettime()()))/ 1000;

如果(我< = 0)
{
ClearInterval(定时器);
我= 0;
警报(过度期);
}

1 = parseInt(我 / 86400);
我% = 86400;

ihour = parseInt(我 / 3600);
我% = 3600;

伊明= parseInt(我 / 60);
我% = 60;

ISEC =我;

otxtday .innerHTML = fillzero(1,3);
OTxtHour。innerHTML = fillzero(ihour,2);
OTxtMin。innerHTML = fillzero(Imin,2);
OTxtSec。innerHTML = fillzero(ISEC,2);
}

var = null;
varα= 0;
无功bshow =真;
setInterval(){()函数(
如果(bshow)
{
(100)startmove;
}
其他的
{
(0)startmove;
}

bshow =!BShow;

功能startmove(指标)
{
如果这样(T)(T);
T = setInterval(){()函数(
DoMove(指标);
},30);
}

功能domove(指标)
{
VaR迈跃= 0;
如果(α<指标)
{
迈跃= 2;
}
其他的
{
迈跃= - 2;
}

如果(α= =指标)
{
clearInterval(T);
零;

如果(指标= = 100)
{
(0)startmove;
}
}
其他的
{
α+ =迈跃;

obtn2。风格。过滤器=Alpha(透明度:+α+);
obtn2。风格。不透明度=α/ 100;
}
}
},2000);
};
请输入:





白天

现在距离—
2015年10月1日
剩下的:
000
00
00
00
以上是分享js的可调倒计时代码,不是很好,希望大家能喜欢。

相关文章

PS图象处理软件出的水的颜色变暗下

PS图象处理软件出的水的颜色变暗下

下镇,图象,处理软件,颜色,变暗,今天萧边介绍暗调颜色调制效应下的教程,非常漂亮,喜欢的朋友可以一起学习 增加发光的过程分为两步:一是将主要材料的颜色加热,增加明暗对比度,并使背光区域需要加深;天空要拉出来,并用光线代替物质,然后渲染一些高光…

excel快捷键汇总汇总excel库

excel快捷键汇总汇总excel库

快捷键,电脑软件,excel,快捷键: 工作表中的滚动和滚动 移动到当前数据区域的边缘Ctrl +箭头键 搬到家里 移动到工作表的开头 移动到工作表的最后一个单元格。 向下移动下一页的屏幕 移动页面屏幕 将Alt +页的屏幕向下移动到右侧 将一个屏幕A…

画家绘制写实科幻怪物教程

画家绘制写实科幻怪物教程

教程,绘制,科幻,画家,怪物,本教程是介绍画家绘制的科幻怪物,画的怪物很逼真,教程比较,绘图难度不是很大,很适合新手学习,转发一下,希望能帮到你。 本教程是介绍画家绘制科幻怪物,画的怪物很逼真,教程比较,绘图难度不是很大,很适合新手学习,转发一下,希…

最著名的创作综合作品

最著名的创作综合作品

最著名,作品,电脑软件,今天我们分享使用PS图象处理软件软件进行了一系列创造性的艺术作品,这是很有创意,值得欣赏和学习。 PS图象处理软件是一个伟大的工具的设计,许多设计师都需要用它来工作,PS软件可以实现很多的图像效果,功能很强大,今天我们…

ps的造光效果,使周围的山川云和天空

ps的造光效果,使周围的山川云和天空

云和,山川,效果,天空,电脑软件,本教程将介绍ps的照片效果方法,使周围的风景云彩。这是非常美丽和困难的。 在拍摄风景照片时,很多时候很难拍摄到云雾的效果。 现在小编辑介绍一种方法,你可以给你的照片周围的雾气朦胧的美,让人感受到神仙的风…

js代码实现无缝滚动(文本和)

js代码实现无缝滚动(文本和)

代码实现,无缝滚动,电脑软件,js,文本和,一个无缝的js滚动代码,可以对程序和图片进行左右滚动,代码不复杂,而且无缝滚动代码兼容性也很好。你几乎不能用任何代码来修改它,在测试中,所有标签的方块都会变成图片,所以感觉更好。 代码如下: 无缝滚动…

烟花动画教程:简单制作滚轮滚动动画

烟花动画教程:简单制作滚轮滚动动画

动画效果,动画教程,滚轮,烟花,简单,本教程是向您介绍如何使用烟花,使简单的车轮滚动动画效果。方法很简单,主要通过这个例子向大家介绍如何使我们的网页设计变得更容易MX MX,希望通过本教程你能有所收获。 本教程将向您介绍如何使用烟花,使简单…

经典浪漫情人个性签名情侣签名

经典浪漫情人个性签名情侣签名

个性签名,情侣,情人,浪漫,经典,有些东西必须消失一段时间才能知道它有多舒服。 有些人必须消失一段时间才能明白值得珍惜多少。 这个想法你的世界,但最终我爱画。 你的城门的想法,但最后我丢盔弃甲。 对穆村懦弱,我和你不屈的誓言。 但是,我希…

月光下小女孩和小狐狸的美合成

月光下小女孩和小狐狸的美合成

小狐狸,小女孩,月光,电脑软件,本教程是介绍我的朋友如何使用PS合成美丽的效果图的小女孩玩小狐狸在月光下。这门课的最终结果真的很漂亮,而且方法也不难。建议像你这样的朋友和教程一起学习。 本教程是教你玩小女孩PS的审美效果的合成月光和…

PHP的URLEncode和URLDecode函数用J

PHP的URLEncode和URLDecode函数用J

函数,电脑软件,URLEncode,PHP,Javascript,很多朋友说,Javascript的得到功能也可以实现,但是有所有的bug。下面看看下面的函数。测试没有什么问题。我在以前的文章中说,这是不是作为PHP urldecode的功能相同。以下是我改写据高个人代码URLDecode函数…

教你用PS做校园美女照片的创意照片

教你用PS做校园美女照片的创意照片

教程,方法,照片处理,创意,教你用,这篇文章教你如何用创意和新思维处理一幅平凡的图画。 今天我们用PS图象处理软件为你的女孩做一些创造性的校园美女照片处理。 首先,看看照片处理前后的对比度。 原始图: 最终效果: 添加边框后: 1、打开材…

QQ常见问题基本介绍

QQ常见问题基本介绍

基本介绍,常见问题,电脑软件,QQ,安全通过服务是腾讯公司推出的一项新服务,帮助用户快速检索他们的帐户。 常见的问题 1,我们如何加入安全直通车 答:目前,直达列车的安全还没有完全开通,只有少数用户被邀请参加,如果您愿意加入安全中心,请注意QQ…