一个简单的倒计时

清疚 2022-06-12 07:11 320阅读 0赞

html:

![Center][]

js:

//倒计时
        var endtime='{$all.endtime}';   // 截止日期时间戳   单位秒
        timer();
        var sI=setInterval("timer()",1);  // 1毫秒执行一次
        function timer(){
            var now=new Date().getTime();  // 当前日期时间戳 单位毫秒
            var end= parseInt(endtime)*1000;
            var ts =end-now;
            if(end<=now){
                clearInterval(sI);
                location.reload();
                return;
            }
            var dd = checkTime(parseInt(ts / 1000 / 60 / 60 / 24, 10));  // 剩余天数
            var hh = checkTime(parseInt(ts / 1000 / 60 / 60 % 24, 10)+parseInt(dd)*24); 
            var mm = checkTime(parseInt(ts / 1000 / 60 % 60, 10));
            var ss = checkTime(parseInt(ts / 1000 % 60, 10));
    	var hs = checkTime(parseInt(ts /10 %100, 10)); 
            var hh1=hh.toString().substring(0,1);
            var hh2=hh.toString().substring(1,2);
            var mm1=mm.toString().substring(0,1);
            var mm2=mm.toString().substring(1,2);
    	var ss1=ss.toString().substring(0,1);
            var ss2=ss.toString().substring(1,2);
    	var hs1=hs.toString().substring(0,1);
            var hs2=hs.toString().substring(1,2);
    	for(i=0;i<$('.time_day').length;i++){
    		$('.time_day').eq(i).find('span').eq(0).html(hh1)
    		.end().eq(1).html(hh2)
    		.end().eq(2).html(mm1)
    		.end().eq(3).html(mm2)
    		.end().eq(4).html(ss1)
    		.end().eq(5).html(ss2)
    		.end().eq(6).html(hs1)
    		.end().eq(7).html(hs2);		
    	}		
        }
        
        // 时间格式设置  小于10的自动补0
        function checkTime(i)
        {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }

效果 ![Center 1][]

[Center]: /images/20220612/07ac4dd775eb46b9897d5dee939ca31d.png
[Center 1]: /images/20220612/76cec48268074b9ab109f4fc666ba04d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，320人围观）

还没有评论，来说两句吧...

相关阅读

相关一个倒计时gif

[20190912113835841.gif][] [20190912113835841.gif]: https://img-blog.csdnimg.cn/2019...

深碍√TFBOYSˉ_/ 2024年04月18日 21:48/ 0 赞/ 181 阅读

相关 js制作简单倒计时

效果图 ![20191125203010489.gif][] 具体思路：通过计算目标时间到目前时间的时间差，然后将时间差转化为时分秒，具体转化在代码

た入场券/ 2023年06月16日 08:29/ 0 赞/ 159 阅读

相关简单实用---时间倒计时

\这里我是封装了一个公共的使用方法便于全局引用 1、首先我们在公共文件里新建一个countDwon.js文件代码如下： ![在这里插入图片描述][2020073014

ゝ一纸荒年。/ 2023年03月03日 06:19/ 0 赞/ 20 阅读

相关简单的倒计时

countDown = () => { const { placeOrderTime, interval } = this.state

ゝ一纸荒年。/ 2023年01月16日 11:15/ 0 赞/ 122 阅读

相关简单倒计时的实现

简单倒计时的实现，需要请自取 <script> / 倒计时 = 目标时间 - 现在时间;

系统管理员/ 2022年09月11日 13:15/ 0 赞/ 390 阅读

相关一个简单的倒计时

html: ![Center][] js: //倒计时 var endtime='{$all.endtime}'; // 截止日期时间戳

清疚/ 2022年06月12日 07:11/ 0 赞/ 321 阅读

相关 Qt写得一个简单的倒计时

这个倒计时是利用Qt提供的QTimer这个类来完成的计时，我们在做一些嵌入式的项目的时候时常会用到计时来完成一些功能，这里借倒计时来提供一种思路。先上图再上代码 ![20

川长思鸟来/ 2022年06月01日 08:10/ 0 赞/ 595 阅读

相关 js简单倒计时

涉及的知识点 setTime() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1.提示： 1000 毫秒= 1 秒。 2.提示

冷不防/ 2022年04月22日 00:52/ 0 赞/ 408 阅读

相关 js简单倒计时

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。如果你有更简单方便的代码，可以分享给大家。 var method = {

忘是亡心i/ 2022年04月04日 20:27/ 0 赞/ 427 阅读

相关 Android 最简单的倒计时

LG Android倒计时封装API 标签： Androi倒计时 -------------------- 1. 简述该包封装android开发过程中常常用到

╰+哭是因爲堅強的太久メ/ 2022年03月09日 05:56/ 0 赞/ 326 阅读