以前做的JSP青鸟论坛里的一个JS功能,用于网页倒计时,在BODY的ONLOAD中启动那个函数即可。
<script language="javascript">
var i=5;
<!--
function clock(){
//document.title="本窗口将在"+i+"秒后自动关闭!";
document.getElementById("s").innerHTML = i;
if(i>0)
setTimeout("clock();",1000);
else
//self.close();
window.history.back(-1); // 跳转到其他页面
i--;
}
//-->
</script>
2018年01月31日更新
做项目的时候又用到的倒计时的功能,不过显示要以一定的格式显示了,如图:
相关代码如下:
/**
* 倒计时
*/
var timeout_index;
function clock() {
var endtime = new Date(document.getElementById("endtime").value); //结束时间
var nowtime = new Date(); //现在时间
var cha = (endtime - nowtime); //差值是毫秒
var fen = Math.floor(cha / 1000 / 60); //分钟
var second = Math.ceil(cha / 1000 % 60); // 秒
if (fen < 0) {
fen = 0;
}
if (second < 0) {
second = 0;
}
if (fen < 10) {
fen = "0" + fen;
}
if (second < 10) {
second = "0" + second;
}
// console.log("nowtime:" + nowtime + ", endtime:" + endtime + " ,cha: 00:" + fen + ":" + second );
if (second == "00") {
clearTimeout(timeout_index);
document.getElementById("span_djs").innerHTML = "00:00:00";
document.getElementById('btn1').setAttribute('disabled', 'disabled');
}
else {
document.getElementById("span_djs").innerHTML = "00:" + fen + ":" + second;
timeout_index = setTimeout("clock();", 1000);
}
}
clock();
分享到:
相关推荐
JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"></script> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应...
JavaScript倒计时程序是一种常见的网页动态效果,常用于活动预热、在线竞赛或者定时发布等场景。在这个程序中,我们通常会用到JavaScript的核心概念,包括时间处理、DOM操作以及可能的CSS动画来实现数字的动态变化。...
本项目涉及的“flash和javascript倒计时时钟”是一个结合了Flash与JavaScript技术的解决方案,允许用户在网页上实现定制化的倒计时功能。 Flash技术提供了丰富的图形和动画能力,使得倒计时钟可以具有吸引人的视觉...
JavaScript倒计时是一种常见的网页动态效果,用于展示特定时间点的到来。在JavaScript中实现倒计时,主要涉及Date对象、时间戳以及定时器(setTimeout或setInterval)等核心概念。以下将详细介绍这些知识点: 1. **...
JavaScript倒计时是一种常见的前端开发技术,用于在网页上显示特定日期或事件的剩余时间。在本案例中,我们关注的是一个专为“元旦”设计的倒计时代码。这个JavaScript代码可以帮助用户在网页上创建一个实时更新的倒...
JavaScript倒计时是一种常见的网页动态效果,常用于活动预告、考试倒计时或者任何需要显示时间剩余情况的场景。在这个“javascript 倒计时小例子”中,开发者已经将倒计时功能封装成一个对象,方便直接在项目中调用...
JavaScript倒计时插件是一种常见的前端开发工具,用于在网页上实现各种倒计时功能,如活动倒计时、考试倒计时等。这个插件通常由JavaScript代码组成,能够动态更新页面上的时间显示,直到达到设定的目标时间。在本...
JavaScript倒计时程序是一种常见的网页交互功能,常用于活动预告、考试倒计时或定时发布等场景。在本文中,我们将深入探讨JavaScript实现倒计时的技术细节,以及如何通过源码来创建一个基本的倒计时工具。 首先,...
总的来说,实现一个“电子风格”的JavaScript倒计时涉及了JavaScript的日期处理、定时器操作以及CSS的样式设计。开发者需要具备扎实的JavaScript基础,熟悉DOM操作和CSS布局,同时对动画效果有一定的理解和创意。...
本文将详细介绍如何使用 JavaScript 实现一个基本的倒计时功能,并探索一些高级应用技巧,以帮助开发者创建更加丰富和互动的用户体验。 本文详细介绍了如何使用 JavaScript 实现一个基本的倒计时功能,并探讨了一些...
现在,让我们来看看如何编写JavaScript倒计时代码。以下是一个简单的例子: ```javascript function countdown(targetDate) { const intervalId = setInterval(() => { const now = new Date(); const remaining...
元旦倒计时代码 javascript倒计时代码及倒计时弹窗.pdf
根据给定文件的信息,我们可以总结出五个不同的JavaScript倒计时示例的知识点: ### 第一种:精确到秒的JavaScript倒计时代码 该倒计时示例提供了精确到秒的计时功能,主要通过`setInterval`函数实现定时更新当前...
JS倒计时
JavaScript倒计时显示特效是一种常见的前端技术,常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下,我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...
JavaScript倒计时代码是用于实现特定时间点前的动态时间显示功能,常见于网页上的活动预告、考试倒计时或新年倒计时等场景。它通过JavaScript语言来计算当前时间与目标时间之间的差距,并实时更新这个差值。下面将...
html+javascript 实现的倒计时小工具,计时长度可以自己设定。
### JavaScript倒计时功能解析与实现 #### 一、引言 在Web开发中,倒计时功能是非常常见的一种需求,比如活动倒计时、定时提醒等场景。本文将详细介绍一个经过改进的JavaScript倒计时代码,该代码通过分析原有脚本...