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 相关文章推荐
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Jan 13 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
Feb 26 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
详谈js对url进行编码和解码(三种方式的区别)
Aug 16 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
vue2.0项目集成Cesium的实现方法
Jul 30 Javascript
搭建vscode+vue环境的详细教程
Aug 31 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
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
javascript 数组操作详解
2015/01/29 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
2017/04/25 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
Python持续监听文件变化代码实例
2020/07/22 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
初中学生评语大全
2014/04/24 职场文书
平安校园建设方案
2014/05/02 职场文书
少年犯观后感
2015/06/11 职场文书
2015年度对口支援工作总结
2015/07/22 职场文书
Python中else的三种使用场景
2021/06/16 Python
python读取mnist数据集方法案例详解
2021/09/04 Python
springboot 多数据源配置不生效遇到的坑及解决
2021/11/17 Java/Android
Golang获取List列表元素的四种方式
2022/04/20 Golang