`
shuai1234
  • 浏览: 977959 次
  • 性别: 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函数启动...

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

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

    考试系统js时间倒计时

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

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

    基于html+js的跨年烟花秀倒计时源代码,可以自己修改字以及音乐

    在本项目中,我们探索的是一个基于HTML和JavaScript的跨年烟花秀倒计时程序。这个程序能够为庆祝新年或其他重要事件提供一个充满活力和趣味性的倒计时体验。通过自定义文字和背景音乐,用户可以根据自己的喜好来个性...

Global site tag (gtag.js) - Google Analytics