`
japankn
  • 浏览: 216093 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

javascript倒计时

JavaScript 
阅读更多

将下面的代码加入到<body>中，既可以看到效果了

<script language="JavaScript" type="text/JavaScript">
    var now=new Date('10/09/2059');
    function showTimeLimit(){
        var future= new Date();
        future-=1000;
        days = (now-future) / 1000 / 60 / 60 / 24;
        dayNum = Math.floor(days);
        hours = (now-future) / 1000 / 60 / 60 - (24 * dayNum);
        houNum = Math.floor(hours);
        if(houNum < 10){
            houNum = "0" + houNum;
        }
        minutes = (now-future) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);
        minNum = Math.floor(minutes);
        if(minNum < 10){
            minNum = "0" + minNum;
        }
        seconds = (now-future) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);
        secNum = Math.floor(seconds);
        if(secNum < 10){
            secNum = "0" + secNum;
        }
        millisec=(now-future)-(24*60*60*1000*dayNum)-(60*60*1000*houNum)-(60*1000*minNum)-(secNum*1000);
        milli=Math.floor(millisec/10);
        if(milli<10){
            milli="0"+milli;
        }
        document.getElementById('TimeLimit').innerHTML = dayNum+"天"+ houNum + "小时" + minNum + "分"+ secNum + "秒"+milli;
    }
</script>

    <div id="mainContent">
        <DIV id='TimeLimit' style='font-size:16px;font-weight:bold;'></DIV>
        <script language=javascript>setInterval('showTimeLimit()',50);</script>
    </div>

分享到：
| ssh配置报错解决
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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倒计时代码，该代码通过分析原有脚本...

Magicbox
Global site tag (gtag.js) - Google Analytics