一切福田，不離方寸，從心而覓，感無不通。

Daily Archives: 2018年1月8日

JS倒计时两种种实现方式

最近做浏览器界面倒计时，用js就实现，两种方式： 一：设置时长，进行倒计时。比如考试时间等等 代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
<meta charset="UTF-8">
<title>简单时长倒计时</title>
<SCRIPT type="text/javascript">        
            var maxtime = 60 * 60; //一个小时，按秒计算，自己调整!  
            function CountDown() {
                if (maxtime >= 0) {
                    minutes = Math.floor(maxtime / 60);
                    seconds = Math.floor(maxtime % 60);
                    msg = "距离结束还有" + minutes + "分" + seconds + "秒";
                    document.all["timer"].innerHTML = msg;
                    if (maxtime == 5 * 60)alert("还剩5分钟");
                        --maxtime;
                } else{
                    clearInterval(timer);
                    alert("时间到，结束!");
                }
            }
            timer = setInterval("CountDown()", 1000);                
        </SCRIPT>
</head>
<body>
<div id="timer" style="color:red"></div>
<div id="warring" style="color:red"></div>
</body>
</html>

运行结果： 二：设置时间戳，进行倒计时。比如距离活动结束时间等等 代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>js简单时分秒倒计时</title>  
    <script type="text/javascript">  
        function countTime() {  
            //获取当前时间  
            var date = new Date();  
            var now = date.getTime();  
            //设置截止时间  
            var str="2017/5/17 00:00:00";
            var endDate = new Date(str);
            var end = endDate.getTime();  
            
            //时间差  
            var leftTime = end-now;
            //定义变量 d,h,m,s保存倒计时的时间  
            var d,h,m,s;  
            if (leftTime>=0) {  
                d = Math.floor(leftTime/1000/60/60/24);  
                h = Math.floor(leftTime/1000/60/60%24);  
                m = Math.floor(leftTime/1000/60%60);  
                s = Math.floor(leftTime/1000%60);                    
            }  
            //将倒计时赋值到div中  
            document.getElementById("_d").innerHTML = d+"天";  
            document.getElementById("_h").innerHTML = h+"时";  
            document.getElementById("_m").innerHTML = m+"分";  
            document.getElementById("_s").innerHTML = s+"秒";  
            //递归每秒调用countTime方法，显示动态时间效果  
            setTimeout(countTime,1000);  
  
        }  
    </script>  
</head >  
<body onload="countTime()" >  
    <div>  
        <span id="_d">00</span>  
        <span id="_h">00</span>  
        <span id="_m">00</span>  
        <span id="_s">00</span>  
    </div>  
</body>  
</html>

运行结果： from:https://www.cnblogs.com/heizai002/p/6862418.html

龙生   08 Jan 2018
View Details

集合已修改;可能无法执行枚举操作

摘要 我相信很多人对这个再熟悉不过了。对已经修改的集合进行操作就会出现这个错。 解决办法 比如有下面的一段代码，我们创建一个集合，并向集合中添加10个数，然后，我们循环再将这些数移除了。

1
2
3
4
5
6
7
8
9
10
11
12
13
        static void Main(string[] args)
        {
            List<int> lst = new List<int>();
            for (int i = 0; i < 10; i++)
            {
                lst.Add(i);
            }
            foreach (var item in lst)
            {
                lst.Remove(item);
            }
            Console.Read();
        }

出现了….. 是不是被泛型集合提供的方法坑了？我记得很久之前我也被坑过。很疑惑吧，其实也很简单，因为你如果移除了一项，集合的元素个数是变化的。这个时候元素会重排，第二个元素的索引由1变为0，后面的依次往前移动。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        static void Main(string[] args)
        {
            List<int> lst = new List<int>();
            for (int i = 0; i < 10; i++)
            {
                lst.Add(i);
            }
            var result = lst;
            Console.WriteLine("lst的count" + lst.Count);
            lst.Remove(0);
            Console.WriteLine("lst的count" + lst.Count);
            for (int i = 0; i < lst.Count; i++)
            {
                Console.WriteLine("索引:{0},值：{1}", i, lst[i]);
            }
            Console.Read();
        }

上面的代码为集合添加10个元素。然后输出当前集合的count，接着将索引为0的元素移除。这个时候集合中应该没有元素0了。然后输出集合的元素个数。输出此时的集合中索引和对应的值。如图所示 可以看到，本来索引为1的1，往前移动了，此时他的索引变为了0.所以在使用foreach移除的时候，集合是变化的，是不允许的。难道就没办法操作了吗？当然有，它不是移除一个集合就少一个吗》 此时，我们可以通过for循环，从集合的队尾移除，这个时候移除队尾的元素，虽然集合的count变了，但他们的索引没有变化。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
       static void Main(string[] args)
        {
            List<int> lst = new List<int>();
            for (int i = 0; i < 10; i++)
            {
                lst.Add(i);
            }
            var result = lst;
            Console.WriteLine("lst的count" + lst.Count);
            lst.Remove(0);
            Console.WriteLine("lst的count" + lst.Count);
            for (int i = lst.Count - 1; i >= 0; i--)
            {
                Console.WriteLine("索引:{0},值：{1}", i, lst[i]);
                Console.WriteLine("移除了元素：{0}", lst[i]);
                lst.RemoveAt(i);
            }
            Console.Read();
        }

那么我们只移除满足条件的是否也可以通过for循环呢？当然可以，foreach你不是不让吗？又不是只有你一个可以循环。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
        static void Main(string[] args)
        {
            List<int> lst = new List<int>();
            for (int i = 0; i < 10; i++)
            {
                lst.Add(i);
            }
            var result = lst;
            Console.WriteLine("lst的count" + lst.Count);
            lst.Remove(0);
            Console.WriteLine("lst的count" + lst.Count);
            for (int i = 0; i < lst.Count; i++)
            {
                Console.WriteLine("索引:{0},值：{1}", i, lst[i]);
                if (lst[i] % 2 == 0)
                {
                    Console.WriteLine("移除了元素：{0}", lst[i]);
                    lst.RemoveAt(i);
                }
 
            }
            Console.Read();
        }

总结 前不久刚有人遇到，这里还是记录一下吧。 from:https://www.cnblogs.com/wolf-sun/p/5721457.html

龙生   08 Jan 2018
View Details

Copyright © 2025 Longsheng All rights reserved