如何使用JavaScript实现倒计时
来源:才华咖 本文已影响1.34W人
来源:才华咖 本文已影响1.34W人
导语:如何使用JavaScript实现倒计时呢?下面是小编给大家提供的`JavaScript常用倒计时实现代码,大家可以参考阅读,更多详情请关注应届毕业生考试网。
第一种:精确到秒的javascript倒计时代码
<form name="form1">
<p align="center" align="center">
<center>离2010年还有:<br>
<input type="textarea" name="left" size="35" style="text-align: center">
</center>
</p>
</form>
<script LANGUAGE="javascript">
startclock()
var timerID = null;
var timerRunning = false;
function showtime() {
Today = new Date();
var NowHour = ours();
var NowMinute = inutes();
var NowMonth = onth();
var NowDate = ate();
var NowYear = ear();
var NowSecond = econds();
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+'秒'
e=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 begin-->
<script language="JavaScript">
<!--
function DigitalTime1()
{
var deadline= new Date("08/13/2007") //开幕倒计时
var symbol="8月13日"
var now = new Date()
var diff = -480 - imezoneOffset() //是北京时间和当地时间的时间差
var leave = (ime() - ime()) + diff*60000
var day = r(leave / (1000 * 60 * 60 * 24))
var hour = r(leave / (1000*3600)) - (day * 24)
var minute = r(leave / (1000*60)) - (day * 24 *60) - (hour * 60)
var second = r(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
var deadline_2= new Date("08/13/2004") //开幕后计时
var symbol_2="8月13日"
var now_2 = new Date()
var diff_2 = -480 - imezoneOffset() //是北京时间和当地时间的时间差
var leave_2 = (now_ime() - deadline_ime()) + diff_2*60000
var day_2 = r(leave_2 / (1000 * 60 * 60 * 24))
var hour_2 = r(leave_2 / (1000*3600)) - (day_2 * 24)
var minute_2 = r(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)
var second_2 = r(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)
day=day+1;
day_2=day_2+1;
if (day>0) //还未开幕
{
//rHTML = "现在"+symbol+"天"
rHTML = "<font
setTimeout("DigitalTime1()",1000)
}
if (day<0) //已经开幕
{
//rHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
rHTML = "<font
setTimeout("DigitalTime1()",1000)
}
if (day==0) //正在开幕
{
使用ajax操作JavaScript对象的方法
如何实现javascript去除字符串里中文与空格
Javascript时间格式format函数的两种使用方法
JavaScript如何实现JSON.stringify
如何实现JavaScript的DIV块来回滚动效果
javascript是如何实现命名空间效果
JavaScript ES6中CLASS的使用指南
关于JavaScript中isPrototypeOf函数作用和使用实例
如何基于JavaScript实现本地图片预览
如何使用JavaScript实现香港身份格式及真伪性验证
关于ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
java使用ConcurrentHashMap和计数器实现锁的方法
用 Javascript 实现锚点(Anchor)间平滑跳转
母版页时内容页是如何使用css和javascript
如何在Javascript中为String对象添加trim,ltrim,rtrim方法
Javascript中的isNaN函数使用
JavaScript中的style.cssText使用教程分解
如何写现实表现
JavaScript中创建字典对象(dictionary)的实例
Javascript实例教程如何使用HoTMetal
javascript实现贪吃蛇代码
浅谈如何深入学习Javascript中的this关键字
Javascript高级手势使用介绍
自我介绍时如何展现自己
如何使用造句
堆的javascript实现方法
在JavaScript中操作数组之map()方法的使用示例
jQuery 和其他 JavaScript 框架使用方法
30行代码实现Javascript中的MVC
java script remove Child的使用注意事项
JavaScript行为操作使用方法
java与javascript之间json格式数据互转详解
如何调试javascript脚本呢
关于异步JavaScript编程中的Promise使用方法
如何入门学习JavaScript
常用排序算法之JavaScript实现代码段
JavaScript重置表单的实现
关于JavaScript中的parse()的使用方法
JavaScript实现的div拖动效果实例代码
javascript工厂方式的使用