js倒计时小程序


Posted in Javascript onNovember 05, 2013

我们这里只要自己定义一下s与urodz的值就可以随意定义任何日期或节日的倒计时功能了,各位朋友可加以修改。
精确到天的倒计时

<script language="JavaScript">
<!-- // (c) Henryk Gajewski
var urodz= new Date("09/19/2013");
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("好象已经过了哦!");
// -->

精确到秒的javascript倒计时代码 
HTML代码: 

<form name="form1">   
<div align="center" align="center">   
<center>离2010年还有:<br>   
<input type="textarea" name="left" size="35" style="text-align: center">   
</center>   
</div>   
</form>   
<script LANGUAGE="javascript">   
startclock()   
var timerID = null;   
var timerRunning = false;   
function showtime() {   
Today = new Date();   
var NowHour = Today.getHours();   
var NowMinute = Today.getMinutes();   
var NowMonth = Today.getMonth();   
var NowDate = Today.getDate();   
var NowYear = Today.getYear();   
var NowSecond = Today.getSeconds();   
if (NowYear <2000)   
NowYear=1900+NowYear;   
Today = null;   
Hourleft = 23 - NowHour   
Minuteleft = 59 - NowMinute   
Secondleft = 59 - NowSecond   
Yearleft = 2009 - NowYear   
Monthleft = 12 - NowMonth - 1 
Dateleft = 31 - NowDate   
if (Secondleft<0)   
{   
Secondleft=60+Secondleft;   
Minuteleft=Minuteleft-1;   
}   
if (Minuteleft<0)   
{    
Minuteleft=60+Minuteleft;   
Hourleft=Hourleft-1;   
}   
if (Hourleft<0)   
{   
Hourleft=24+Hourleft;   
Dateleft=Dateleft-1;   
}   
if (Dateleft<0)   
{   
Dateleft=31+Dateleft;   
Monthleft=Monthleft-1;   
}   
if (Monthleft<0)   
{   
Monthleft=12+Monthleft;   
Yearleft=Yearleft-1;   
}   
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒' 
document.form1.left.value=Temp;   
timerID = setTimeout("showtime()",1000);   
timerRunning = true;   
}   
var timerID = null;   
var timerRunning = false;   
function stopclock () {   
if(timerRunning)   
clearTimeout(timerID);   
timerRunning = false;   
}   
function startclock () {   
stopclock();   
showtime();   
}   
// -->   
</script> 
Javascript 相关文章推荐
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
jquery序列化方法实例分析
Jun 10 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
Jun 12 Javascript
webpack构建的详细流程探底
Jan 08 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
jsonp跨域获取百度联想词的方法分析
May 13 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
利用 JavaScript 构建命令行应用
Nov 17 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 #Javascript
javascript使用location.search的示例
Nov 05 #Javascript
jquery按回车提交数据的代码示例
Nov 05 #Javascript
js jq 单击和双击区分示例介绍
Nov 05 #Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 #Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 #Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 #Javascript
You might like
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
JS获取动态添加元素的方法详解
2019/07/31 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
django中的HTML控件及参数传递方法
2018/03/20 Python
python实现最长公共子序列
2018/05/22 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
用python批量移动文件
2021/01/14 Python
python中altair可视化库实例用法
2021/01/26 Python
python实现发送邮件
2021/03/02 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
美国五金商店:Ace Hardware
2018/03/27 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
《伯牙绝弦》教学反思
2014/03/02 职场文书
灰雀教学反思
2014/04/28 职场文书
学校募捐倡议书
2014/05/14 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
无毒社区工作方案
2014/05/23 职场文书
新闻传播专业求职信
2014/07/22 职场文书
小学生差生评语
2014/12/29 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书