倒计时、秒杀或显示系统时间
<html>
<head>
<title>2011倒计时</title>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
var curDate = new Date();//当前时间
var expireDate = new Date(2011,0,1);//到期时间
var milSecond = expireDate.getTime() - curDate.getTime();
var totalSeconds = removeDecimal(milSecond/1000);//剩余秒(应该用服务器时间替代)
timeGo(totalSeconds);
}
function timeGo(totalSeconds){
setInterval(function(){
totalSeconds--;
calculateTime(totalSeconds);
},1000);
}
function calculateTime(totalSeconds){
if (totalSeconds > 0) {
var leftDays = removeDecimal(totalSeconds/60/60/24);//剩余天数
var seconds = totalSeconds%(60*60*24);
var leftHours = removeDecimal(seconds/60/60);//剩余小时
var leftMinutes = removeDecimal(seconds/60%60);//剩余分
var leftSeconds = removeDecimal(seconds%60);//剩余秒
setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds);
} else {
document.getElementById('countDown').innerHTML='Happy new year!';
}
}
function setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds){
document.getElementById('leftDay').innerHTML=leftDays;
document.getElementById('leftHour').innerHTML=leftHours;
document.getElementById('leftMinute').innerHTML=leftMinutes;
document.getElementById('leftSecond').innerHTML=leftSeconds;
}
//去除小数
function removeDecimal(number){
return Math.floor(number);
}
</script>
<div id="countDown">
2011年倒计时:
<span id="leftDay" style="background:red"></span>天
<span id="leftHour"></span>小时
<span id="leftMinute"></span>分
<span id="leftSecond"></span>秒
</div>
</body>
</html>
分享到:
相关推荐
打开工程,直接运行实现无刷新实现页面时间动态显示
基于jQuery的插件,用于在页面中显示当前的日期和系统时钟。 例:$('div').smartClock();
页面 显示 实时 时间
页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间...
该页面通过js的脚本,实现动态的时间显示。
简单的js 标签,在页面上动态的显示北京时间的时分秒 。
NULL 博文链接:https://hehe198504.iteye.com/blog/857552
网页编辑时候,需要显示当前时间功能,可以参考这个代码实现。
asp.net中,在页面动态显示当前时间,我用了很多方法,都发现部好使,这两个真心不错,亲身体验过的。
在页面动态显示时间
页面动态显示系统当前时间的js方法,年月日、时分秒、星期几都有
页面显示时间
可以在PPT页面上显示当前时间,时间颜色可调,位置可以拖动,再不用演PPT时不知道时间还频繁看表了!隐藏拖盘。
javascript 显示当前系统时间代码Android开发技巧之永不关闭的Toast信息框(长时间显示而非系统关闭)js显示当前系统时间的代码C#中动态显示当前...功能带秒针变化asp.net中页面显示当前系统时间附图Android调用系统时
在 ASP 程序中,要想计算一个页面从执行开始到执行结束需要花费多少时间是非常简单的!我们知道,ASP 是解释型语言,也就是说它的执行过程是从页面的开端到页面的尾端,我们只需要计算一个时间差就可以得到页面执行...
js获取当前时间显示在页面上</title> [removed] [removed]=function(){ //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); } //js 获取当前时间 function fnDate(){ var oDiv=...
可以从一个页面跳到另一个页面显示时间,从另一个页面跳回来
这是我从项目中抽取出来的用JS实现的Java实现页面动态获取时间的小例子,希望对大家带来帮助
CSS+JS注册页面+显示当前时间 用css和js编写的看看吧
jsp Response对象页面重定向、时间的动态显示.docx