倒计时、秒杀或显示系统时间
<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>
分享到:
相关推荐
**Ajax无刷新页面显示时间**技术是Web开发中的一个重要概念,它允许网页在不重新加载整个页面的情况下更新部分内容。这种技术主要依赖于JavaScript和Ajax(异步JavaScript和XML)来实现,虽然名称中包含XML,但现在...
基于jQuery的插件,用于在页面中显示当前的日期和系统时钟。 例:$('div').smartClock();
因此,为了让页面显示北京时间,我们需手动将时间调整8小时。这通过在创建新的Date对象时,将当前时间加上8小时的毫秒数来实现。 在实际应用中,你可能还需要考虑夏令时等因素,但这已经超出了这个简单示例的范围。...
"在页面上显示当前日期和时间" 在网页制作中,显示当前日期和时间是一个非常有用的功能,特别是在新闻、博客、论坛等网站中。这篇文章将为大家介绍如何使用 HTML 和 JavaScript 在页面上显示当前日期和时间。 首先...
页面 显示 实时 时间
页面动态显示系统当前时间的js方法,年月日、时分秒、星期几都有
页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间显示.rar页面时间...
该页面通过js的脚本,实现动态的时间显示。
asp.net中,在页面动态显示当前时间,我用了很多方法,都发现部好使,这两个真心不错,亲身体验过的。
标题提到的“PPT页面上显示当前时间”,描述中提到了一个名为"showtime.exe"的程序和"showtime.ini"的配置文件,这可能是一个这样的插件,用于在PPT中动态显示时间。 首先,"showtime.exe"可能是一个可执行文件,它...
这是我从项目中抽取出来的用JS实现的Java实现页面动态获取时间的小例子,希望对大家带来帮助
javascript 显示当前系统时间代码Android开发技巧之永不关闭的Toast信息框(长时间显示而非系统关闭)js显示当前系统时间的代码C#中动态显示当前...功能带秒针变化asp.net中页面显示当前系统时间附图Android调用系统时
在GitLab中,有时会遇到一个困扰用户的问题,即提交时间显示不准确,它可能会错误地显示为“XXX年前”提交,而实际上应当是“XXX秒前”或更精确的时间。这种时间显示错误可能会影响用户的项目管理和协作效率,因为...
### JSP实现页面实时显示当前系统时间的方法 #### 背景介绍 在Web开发中,经常需要在页面上展示动态的时间信息,如系统当前时间等。...对于需要在页面上实时显示时间的应用场景非常实用。希望本文能对你有所帮助!
标题“测试div显示数据时页面加载时间”和描述“关于div与table在显示数据时页面但加载时间,通过比较时间可以看出哪个更快”提示我们关注的是两种常见的HTML元素——`div`和`table`在加载大量数据时的性能差异。...
总的来说,这个项目旨在提高用户的交互体验,通过CSS提供美观的界面,通过JavaScript实现动态功能,特别是实时显示时间这一特性,增强了页面的现代感和实用性。对于初学者来说,这是一个很好的练习项目,可以帮助...
在页面动态显示时间
在这个案例中,我们可以将显示时间的标签或者文本框放在UpdatePanel内,每当Timer触发时,服务器返回的新时间值会替换旧值。 4. **JavaScript和jQuery**: 虽然Ajax主要涉及到服务器端的处理,但在客户端也需要...
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
在网页设计和用户体验优化中,记录页面停留时间和实现遮罩层是两个重要的技术点。页面停留时间可以帮助开发者和网站所有者了解用户对特定内容的兴趣程度,而遮罩层则常用于提示、加载或阻挡背景干扰,提升交互体验。...