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

js加载倒计时

 
阅读更多

  <script>
   
  var loadtime=30*60*1000;
  function millisecondToDate(msd){
    var time = parseFloat(msd) / 1000;

        if (time > 60 && time < 60 * 60){
            time = parseInt(time / 60.0) + "分钟" + parseInt(time % 60.0)  + "秒";
        }
        else if (time >= 60 * 60 && time < 60 * 60 * 24){
            time = parseInt(time / 3600.0) + "小时" + parseInt(time / 60.0)+ "分钟" +parseInt(time % 60.0) + "秒";
        }
        else{
            time = parseInt(time) + "秒";
        }
   
    return time;
}

   //加载倒计时
        function initNumLoad(){
      var time;
            loadtime=loadtime-1000;
            if(loadtime < 0){
               clearInterval(interval_id);
            }else{
     time=millisecondToDate(loadtime);
     alert(time);
            }
           
        }
     
   function check(){
      interval_id=setInterval(initNumLoad, 1000);//循环调用
   }

  </script>

分享到:
评论

相关推荐

    加载页倒计时界面

    在IT行业中,加载页倒计时界面是一种常见的用户体验设计元素,尤其在广告展示或视频播放等场景中。这种功能能够给用户带来明确的等待预期,同时提升产品整体的交互感和专业性。在这个主题中,我们将深入探讨加载页倒...

    js短信验证码倒计时(页面刷新无效)

    本文将深入探讨如何实现一个js短信验证码倒计时功能,同时确保在页面刷新后倒计时状态能够保持。 首先,我们需要理解验证码发送和倒计时的基本逻辑。当用户点击获取验证码按钮时,前端会向后端发送请求,请求发送...

    javascript 倒计时 实例

    在这个倒计时程序中,jQuery可能用于选择DOM元素、绑定事件处理器(如页面加载时启动倒计时)以及动态更新元素内容。 6. **HTML结构**: HTML文件(currntDat.html)包含计时器显示的结构。可能有一个div元素或者...

    js实现的倒计时定时自动关机源码

    JavaScript可以利用这些API来保存倒计时的剩余时间,在页面加载时读取并恢复状态。 3. **倒计时函数**: 实现倒计时功能的核心是创建一个循环,每秒或每毫秒减少设定的时间。这个循环可以使用setInterval函数启动...

    考试系统js时间倒计时

    "考试系统js时间倒计时"这个主题关注的就是如何利用JavaScript来实现考试页面上的时间倒计时功能。JavaScript是一种广泛用于网页交互和动态效果的编程语言,非常适合在网页上实时更新时间信息。 首先,我们需要理解...

    vue倒计时刷新页面不会从头开始的解决方法

    在使用Vue框架开发Web应用时,倒计时功能是一个常见的需求,它可以在一定时间内重复执行某些操作,比如防止用户重复提交表单、限制投票次数、实现验证码获取等功能。然而,在实现倒计时功能时,常常会遇到一个问题:...

    JS倒计时_可自定义结束时间

    6. 事件监听:在倒计时器中,使用了JavaScript的事件监听机制,来监听浏览器的加载事件,并在加载完成后,启动倒计时器。 7. 浏览器兼容性:在倒计时器中,使用了JavaScript的浏览器兼容性机制,来确保倒计时器在...

    倒计时flash源码

    【倒计时Flash源码】是一种使用Adobe Flash(现已被Adobe Animate替代)开发的交互式数字时钟程序,主要用于创建动态的、视觉效果丰富的倒计时界面。这个特定的Flash源码设计独特,不仅拥有精美的页面设计,还具备在...

    倒计时加载滚动条

    在JavaScript中,可能会使用到定时器(setTimeout或setInterval)来实现倒计时功能,同时与服务器进行异步通信(如Ajax请求)来获取加载状态。一旦数据加载完成,滚动条将填满,倒计时停止,用户可以开始浏览内容。 ...

    JS节日倒计时器(兼容Firefox/IE)

    总的来说,这个“JS节日倒计时器”项目涉及到了JavaScript的核心知识,包括时间处理、事件处理、XML解析以及跨浏览器兼容性策略。它展示了如何将这些技术结合起来,创建一个实用且用户友好的Web应用。如果你想要学习...

    js 倒计时.zip

    总的来说,"js 倒计时.zip"中的源码很可能是实现上述逻辑的一个简单实例,通过阅读和理解这段代码,开发者可以学习到如何在JavaScript中创建倒计时功能,并将其应用到实际项目中。在实践中,开发者还可以根据需求...

    vue实现天时分秒倒计时效果.rar

    在`created`或`mounted`钩子中,可以初始化倒计时的结束时间,确保组件加载完成后开始计时。 7. **模板语法**: Vue的模板语法允许我们在HTML中插入动态数据,例如`&lt;span&gt;{{ remainingTime.days }}&lt;/span&gt;`,这里的`...

    js闭包理解之倒计时

    在这个“js闭包理解之倒计时”的主题中,我们将深入探讨如何利用闭包实现一个实际项目中的倒计时功能。 首先,让我们了解一下闭包的基本概念。在JavaScript中,每当函数被创建时,它都会形成一个闭包,这个闭包包含...

    jquery倒计时插件多个倒计时同时计时代码

    1. **初始化倒计时**:在页面加载时,为每个倒计时元素设定初始时间,例如通过HTML数据属性设置。 2. **定时更新**:使用`setInterval`函数每秒或每毫秒更新显示的时间,直到到达预设的结束时间。 3. **格式化时间**...

    原生js网页倒计时和计时插件

    - **js**:这个文件可能包含了实现倒计时和计时功能的JavaScript代码。代码可能包括了上述提到的Date对象的使用、setInterval/clearInterval操作、DOM操作以及时间格式化函数。此外,它也可能有对用户交互的响应,...

    js倒计时跳转

    JavaScript倒计时跳转是一种常见的前端技术,常用于网页加载后等待一段时间自动跳转到新的页面,同时可以传递参数。在VS(Visual Studio)和ASP.NET的开发环境中,这种功能通常用于用户操作提示或者限时优惠等场景。...

    javascript 倒计时

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

    带报警提示铃声的js倒计时代码

    这个"带报警提示铃声的js倒计时代码"是一个利用JavaScript实现的特定功能,它能够帮助用户在倒计时结束时触发一个报警提示,通常用于活动即将开始或结束的提醒,或者是一些重要的时间节点通知。 首先,我们要理解...

    js倒计时,可设置开始结束时间

    在JavaScript编程中,倒计时(Countdown)是一种常见的功能,常用于网页中的限时活动、考试倒计时或倒计时计时器等场景。本教程将深入探讨如何创建一个可配置的倒计时功能,包括设置开始时间和结束时间,并且能够...

    jQuery创意精美的网页倒计时代码

    jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能和简单易用的API,使得创建创意精美的网页倒计时代码变得轻而易举。本项目就是基于jQuery实现的一个时分秒倒计时计时器,用户可以自定义倒计时时间,增加了...

Global site tag (gtag.js) - Google Analytics