`
niunan
  • 浏览: 719511 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

javascript倒计时

阅读更多
以前做的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倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...

    javascript 实现网页 倒计时 代码

    &lt;title&gt;JavaScript倒计时 &lt;h1 id="countdown"&gt;&lt;/h1&gt; &lt;script src="js/countdown.js"&gt;&lt;/script&gt; ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应...

    javascript 倒计时程序 图片数字

    JavaScript倒计时程序是一种常见的网页动态效果,常用于活动预热、在线竞赛或者定时发布等场景。在这个程序中,我们通常会用到JavaScript的核心概念,包括时间处理、DOM操作以及可能的CSS动画来实现数字的动态变化。...

    flash和javascript倒计时时钟

    本项目涉及的“flash和javascript倒计时时钟”是一个结合了Flash与JavaScript技术的解决方案,允许用户在网页上实现定制化的倒计时功能。 Flash技术提供了丰富的图形和动画能力,使得倒计时钟可以具有吸引人的视觉...

    javascript 倒计时

    JavaScript倒计时是一种常见的网页动态效果,用于展示特定时间点的到来。在JavaScript中实现倒计时,主要涉及Date对象、时间戳以及定时器(setTimeout或setInterval)等核心概念。以下将详细介绍这些知识点: 1. **...

    元旦倒计时代码-简单的javascript倒计时完整源码下载

    JavaScript倒计时是一种常见的前端开发技术,用于在网页上显示特定日期或事件的剩余时间。在本案例中,我们关注的是一个专为“元旦”设计的倒计时代码。这个JavaScript代码可以帮助用户在网页上创建一个实时更新的倒...

    javascript 倒计时小例子

    JavaScript倒计时是一种常见的网页动态效果,常用于活动预告、考试倒计时或者任何需要显示时间剩余情况的场景。在这个“javascript 倒计时小例子”中,开发者已经将倒计时功能封装成一个对象,方便直接在项目中调用...

    javascript倒计时插件

    JavaScript倒计时插件是一种常见的前端开发工具,用于在网页上实现各种倒计时功能,如活动倒计时、考试倒计时等。这个插件通常由JavaScript代码组成,能够动态更新页面上的时间显示,直到达到设定的目标时间。在本...

    JavaScript倒计时程序

    JavaScript倒计时程序是一种常见的网页交互功能,常用于活动预告、考试倒计时或定时发布等场景。在本文中,我们将深入探讨JavaScript实现倒计时的技术细节,以及如何通过源码来创建一个基本的倒计时工具。 首先,...

    javascript 倒计时 电子风格

    总的来说,实现一个“电子风格”的JavaScript倒计时涉及了JavaScript的日期处理、定时器操作以及CSS的样式设计。开发者需要具备扎实的JavaScript基础,熟悉DOM操作和CSS布局,同时对动画效果有一定的理解和创意。...

    JavaScript倒计时功能实现指南:从基础到高级应用

    本文将详细介绍如何使用 JavaScript 实现一个基本的倒计时功能,并探索一些高级应用技巧,以帮助开发者创建更加丰富和互动的用户体验。 本文详细介绍了如何使用 JavaScript 实现一个基本的倒计时功能,并探讨了一些...

    几个javascript倒计时代码

    现在,让我们来看看如何编写JavaScript倒计时代码。以下是一个简单的例子: ```javascript function countdown(targetDate) { const intervalId = setInterval(() =&gt; { const now = new Date(); const remaining...

    元旦倒计时代码 javascript倒计时代码及倒计时弹窗.pdf

    元旦倒计时代码 javascript倒计时代码及倒计时弹窗.pdf

    五个javascript倒计时实例源码

    根据给定文件的信息,我们可以总结出五个不同的JavaScript倒计时示例的知识点: ### 第一种:精确到秒的JavaScript倒计时代码 该倒计时示例提供了精确到秒的计时功能,主要通过`setInterval`函数实现定时更新当前...

    JS倒计时_javascript倒计时

    JS倒计时

    Javascript的倒计时显示特效

    JavaScript倒计时显示特效是一种常见的前端技术,常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下,我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...

    javascript 倒计时代码

    JavaScript倒计时代码是用于实现特定时间点前的动态时间显示功能,常见于网页上的活动预告、考试倒计时或新年倒计时等场景。它通过JavaScript语言来计算当前时间与目标时间之间的差距,并实时更新这个差值。下面将...

    html javascript 倒计时

    html+javascript 实现的倒计时小工具,计时长度可以自己设定。

    Javascript倒计时代码

    ### JavaScript倒计时功能解析与实现 #### 一、引言 在Web开发中,倒计时功能是非常常见的一种需求,比如活动倒计时、定时提醒等场景。本文将详细介绍一个经过改进的JavaScript倒计时代码,该代码通过分析原有脚本...

Global site tag (gtag.js) - Google Analytics