JavaScript实现两小时倒计时

最新推荐文章于 2023-01-09 10:22:03 发布
最新推荐文章于 2023-01-09 10:22:03 发布
阅读量1.4k 收藏 4
点赞数 1
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangyang0210/p/9546188.html
版权

【构思】

　　因为只需要的是两小时，所以时间直接写死，然后通过setInterval每1000ms对时间进行减1操作

　　前期未考虑到当时分秒小于10的状态，所以后面又加上了一个checkTime（）来进行限制，小时则直接在变量中加了。

【步骤】

　　

<html>
    <head>
        <title>2小时倒计时</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            .cutDown{
                width: 100%;
                height: 100%;
                background: url(2.jpg) no-repeat;
                background-size: 100%;
                text-align: center;
                color: #fff;
                font-size: 80px;
                font-weight: 100;
                font-family: monospace;
                position: absolu
最低0.47元/天 解锁文章
weixin_30407099
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2小时倒计时——JS代码
安生生爱做梦的博客
03-17 1498
<html> <head> <meta charset="utf-8"> <title></title> <script> let time = 2 * 60 * 60 * 1000; // 定义一个两小时的毫秒数 let iter = window.setInterval(()=>{ if(time <= 0){ // 取消定时器(退出轮询) window.clearI
【JS】两小时倒计时(含加0效果，封装函数)
Albert
10-20 2570
两小时倒计时 var arr=new Array();//js中数组和对象类型为传地址调用 arr.push(7200);//倒计时时间秒数   //倒计时 function DaoJiShi(arr){ var div1=document.getElementById("div1"); div1.innerText=GetMHS(arr[0]);
js 倒计时
qq_32295383的博客
07-27 200
自动2小时倒计时 &lt;BODY&gt;      &lt;div id="timer" style="color:red"&gt;&lt;/div&gt;      &lt;div id="warring" style="color:red"&gt;&lt;/div&gt;  &lt;/BODY&gt;  &lt;scr
用JS写一个倒计时
RedamancyMinami的博客
01-09 581
类似京东秒杀这样的，每两个小时重置一次的倒计时。
两个小时倒计时计时器
Laohei0101的博客
07-11 3141
倒计时计时器
javascript 实现网页 倒计时 代码
01-08
在JavaScript中实现网页倒计时是一项常见的任务，尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能，并结合提供的`index.html`和`js`...
JavaScript实现倒计时
12-14
本篇文章将详细探讨如何使用JavaScript实现倒计时功能。 首先，我们需要理解倒计时的基本原理。倒计时通常涉及到两个关键时间点：起始时间和结束时间。结束时间是我们设定的目标时间，而起始时间则是当前时间。倒...
Javascript实现时间倒计时功能
10-17
主要为大家详细介绍了Javascript实现时间倒计时功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript基础实现，倒计时
08-10
本示例将探讨如何使用纯JavaScript实现一个简单的倒计时功能，不依赖任何外部库，如jQuery或其他框架。 首先，我们需要理解倒计时的基本逻辑。倒计时通常是从一个设定的未来时间点开始，逐秒递减，直到达到零或负数...
javascript 倒计时代码
10-29
在本篇文章中，我们将深入探讨 JavaScript 倒计时代码的实现 principio 和应用场景。通过分析给定的代码，我们将了解到倒计时代码的基本结构、计时机制、显示效果等多个方面的知识点。 计时机制 在倒计时代码中，...
倒计时2小时的一个小程序
07-15
java倒计时的小程序感觉不错，用到线程和一些小技巧，挺好玩的希望大家能喜欢。
js实现倒计时(距离结束还有)示例代码
12-12
代码如下: [removed] <!– var maxtime = 60*60;//60*60 //一个小时，按秒计算，自己调整! function CountDown(){ if(maxtime>=0){ //minutes = Math.floor(maxtime/60); seconds = Math.floor(maxtime`); //msg = “距离结束还有”+minutes+”分”+seconds+”秒”; msg = “距离结束还有”+seconds+”秒”; document.all[“timer”][removed]=msg
获得星期的方法和时间推迟两小时
12-26
获得星期的方法和时间推迟两小时
JS 倒计时7200秒（2小时）按…
huanshiwushuang的博客
04-14 759
背景：本周实训，一直敲代码；今天 js 期末考试。（诚信考试） -------------------------------------------------------------------------------------- 较难的内容就在第一题： 用js实现倒计时2个小时（7200秒）；按照时分秒的格式显示，图片替代文字 倒计时7200秒（2小时）按照（时分秒）用图片显示"
带有时分秒的JS倒计时 两小时后交卷
Celeste of Jesus的博客
04-29 428
<body> <div id="timer"></div> <div id="warring"></div> </body> <script> var maxtime= 2 * 60 * 60; function CountDown(){ if (maxtime >= 0) { hour = Math.floor(maxtime / 3600) minutes = Math.floor(max
js 两时间相差倒计时（同步服务器思路）
qq_41990338的博客
07-21 531
众所周知，1小时==3600秒，那么接下来就好办了，上才艺… 需求 var timerID = null, timerStatus = false; monitorTimer(); function getDifferTime() { var startDate, // 开始时间 Tue Jul 21 2020 13:27:30 GMT+0800 (中国标准时间) endDate, // 结束时间 Wed Jul 22 2020 13:22:00 GMT+0
实现倒计时两小时
Wen_Tao98的博客
06-24 537
<view class="count-time"> <view>考试剩余时间：</view> <view><i class="el-icon-time"></i> {{ `${h}: ${m}: ${s}` }}</view> </view> <view type="primary" @click="countTime">开始答题</view> timer: null, count:
js倒计时
有话好好说
03-20 432
以前做购票项目配过一个倒计时，今天试着写一写。 首先是页面：定义15分钟完成订单，否则自动取消。 js中需要用到的数据，span的class名，倒计时的初始值（span值）。 请在<span class="orderM" style="font-size:26px;color:red">15</span> 分钟&...
【Vue2】倒计时功能（俩小时）
weixin_47375144的博客
12-02 1709
一、倒计时俩小时(刷新重新计时) 思路：俩小时=7200秒，将秒数转换为时分 代码 <template> <span class="surplus_time">{{ count }}</span> </template> <script> data(){ return{ count: "", seconds: 7200, } }, mounted() { this.Time(); },
JavaScript半小时倒计时函数
最新发布
04-29
以下是一个简单的 JavaScript 倒计时函数，可以实现半小时的倒计时： ```javascript function countDown() { var seconds = 30 * 60; // 半小时的秒数 var countDown = setInterval(function() { var minutes = Math.floor(seconds / 60); var remainingSeconds = seconds % 60; if (remainingSeconds < 10) { remainingSeconds = "0" + remainingSeconds; } console.log(minutes + ":" + remainingSeconds); if (seconds === 0) { clearInterval(countDown); console.log("倒计时结束！"); } else { seconds--; } }, 1000); } countDown(); ``` 该函数使用 `setInterval` 函数每秒更新一次倒计时，并在倒计时结束时清除计时器。可以根据需要修改倒计时的时间长度和倒计时结束时的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值