标签: countdown

最简单的JavaScript倒计时器?

只是想问一下如何创建最简单的倒数计时器.

网站上会有一句话说:

"注册于05:00关闭!"

所以,我想要做的是创建一个简单的js倒计时器,从"05:00"到"00:00",然后一旦结束就重置为"05:00".

我以前经历过一些答案,但是对于我想做的事情,它们看起来都太强烈了(Date对象等).

javascript timer countdown countdowntimer

217
推荐指数
3
解决办法
46万
查看次数

CountDownLatch如何在Java多线程中使用?

有人可以帮我理解Java CountDownLatch是什么以及何时使用它?

我对这个程序的工作原理并不十分清楚.据我所知,所有三个线程立即启动,每个线程将在3000ms后调用CountDownLatch.倒数会逐一减少.在锁存器变为零之后,程序打印"已完成".也许我理解的方式不正确.

import java.util.concurrent.CountDownLatch;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;

class Processor implements Runnable {
    private CountDownLatch latch;

    public Processor(CountDownLatch latch) {
        this.latch = latch;
    }

    public void run() {
        System.out.println("Started.");

        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }

        latch.countDown();
    }
}
Run Code Online (Sandbox Code Playgroud)

// ------------------------------------------------ -----

public class App {

    public static void main(String[] args) {

        CountDownLatch latch = new CountDownLatch(3); // coundown from 3 to 0

        ExecutorService executor = Executors.newFixedThreadPool(3); // 3 Threads in pool

        for(int i=0; i …
Run Code Online (Sandbox Code Playgroud)

java multithreading countdownlatch countdown

178
推荐指数
4
解决办法
11万
查看次数

如何在Android中制作倒数计时器?

我有两个XML格式的EditTexts.在一个EditText中,用户可以将数字设置为分钟,而将另一个EditText设置为秒数.单击完成按钮后,秒EditText应开始倒计时并每秒更新其文本.

另外,如何保持更新直到达到零分钟和零秒?

android timer countdown

157
推荐指数
8
解决办法
25万
查看次数

angularjs做一个简单的倒计时

我想用Angular js做一个countDown.这是我的代码:

Html文件

<div ng-app ng-controller = "countController"> {{countDown}} <div>????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
Run Code Online (Sandbox Code Playgroud)

js文件

function countController($scope){
    $scope.countDown = 10;    
    var timer = setInterval(function(){$scope.countDown--; console.log($scope.countDown)},1000);  
}??
Run Code Online (Sandbox Code Playgroud)

在console.log它工作我有一个倒计时但在{{countdown}}刷新它不能帮助我吗?谢谢!

html javascript templates countdown angularjs

48
推荐指数
4
解决办法
12万
查看次数

Android:CountDownTimer跳过最后的onTick()!

码:

public class SMH extends Activity {  

    public void onCreate(Bundle b) {  
        super.onCreate(b);  
        setContentView(R.layout.main);  

        TextView tv = (TextView) findViewById(R.id.tv);  

        new CountDownTimer(10000, 2000) {  
            public void onTick(long m) {  
               long sec = m/1000+1;  
               tv.append(sec+" seconds remain\n");  
            }  
            public void onFinish() {  
               tv.append("Done!");  
            }  
        }.start();  
   }
Run Code Online (Sandbox Code Playgroud)

输出:
10秒保持
8秒保持
6秒保持
4秒保持
完成!

问题:

如何让它显示" 2秒仍然 "?经过的时间确实是10秒,但最后一次onTick()从未发生过.如果我将第二个参数从2000更改为1000,那么这是输出:

10秒保持
9秒保持
8秒保持
7秒保持
6秒保持
5秒保持
4秒保持
3秒保持
2秒保持
完成!

所以你看,它似乎正在跳过最后一次onTick()调用.顺便说一句,XML文件基本上是默认的main.xml,TextView分配了id tv,文本设置为"".

java android timer countdown countdowntimer

46
推荐指数
2
解决办法
3万
查看次数

使用Moment js的倒数计时器

我正在为一个事件页面制作一个倒数计时器,我用了这个时刻js.

这是小提琴.

我正在计算事件日期和当前日期(时间戳)之间的日期差异,然后使用从时刻js开始的"持续时间"方法.但剩下的时间并没有像预期的那样到来.
预计 - 00:30m:00s
Actual - 5h:59m:00s

代码:

<script>
  $(document).ready(function(){

    var eventTime = '1366549200';
    var currentTime = '1366547400';
    var time = eventTime - currentTime;
    var duration = moment.duration(time*1000, 'milliseconds');
    var interval = 1000;

    setInterval(function(){
      duration = moment.duration(duration.asMilliseconds() - interval, 'milliseconds');
      $('.countdown').text(moment(duration.asMilliseconds()).format('H[h]:mm[m]:ss[s]'));
    }, interval);
  });
  </script>
Run Code Online (Sandbox Code Playgroud)

我阅读了momentjs文档以找出问题,但没有运气.

谢谢你的时间.

更新:

我最终这样做:

<script>
  $(document).ready(function(){

    var eventTime = '1366549200';
    var currentTime = '1366547400';
    var leftTime = eventTime - currentTime;//Now i am passing the left time from controller itself which handles …
Run Code Online (Sandbox Code Playgroud)

javascript jquery unix-timestamp countdown momentjs

39
推荐指数
4
解决办法
8万
查看次数

电子邮件中的倒数计时器图像GIF

我最近收到了一封来自Onnit Labs的电子邮件,其中包括使用gif图像在电子邮件内部的倒计时模块计时器.可以在此处查看电子邮件:https://www.onnit.com/emails/lastchance-historic/

图像可以在这里看到:

在此输入图像描述

我调查了一下,看起来你可以继续使用gifsockets向动画GIF发送新帧,因为GIF没有指定它在浏览器中加载时有多少帧.这是在github:http://github.com/videlalvaro/gifsockets

我认为这非常有趣,确实很酷.有没有人对如何实现这一点有任何其他见解?似乎他们在Onnit上使用的那个似乎根据附加在URL或图像末尾的日期来改变倒计时.

onnit.com/emails/_modules/timer/?end=2012-12-27+00:00:00&dark=1

我正在尝试通过电子邮件发送相同的内容,但我有点难过.

sockets email timer gif countdown

36
推荐指数
1
解决办法
6万
查看次数

Android ProgressBar倒计时

我正在为Android做一个测验,我想在有限的时间内回答每一个问题.所以我想在从5到0(秒)倒计时的答案下显示ProgressBar.当它达到零时,我想做一些事情.我有测验和一切正常,我只想添加ProgressBar.

提前致谢!

android countdown progress-bar

33
推荐指数
2
解决办法
5万
查看次数

如何在java中制作倒数计时器

我是编程的初学者(学生)并被指派创建一个游戏.我正在制作的游戏叫做boggle.其中玩家必须在给定时间内在随机字母板中找到单词.但我在创建计时器时遇到了麻烦.这是我的计时器应该做的:


  • 动态输入时间(设定时间)
  • 从输入时间倒计时到0
  • 当o =>跳出循环时

我需要知道的是如何使其倒计时.我不认为我需要一个ActionListener,因为它在创建类的那一刻开始滴答作响.


任何帮助,建议,链接,向正确的方向推进都将张开双臂接受.

java countdown

22
推荐指数
2
解决办法
18万
查看次数

React中的倒数计时器

我在JavaScript中看到了许多倒计时器,并希望让一个人在React中工作.

我借用了我在网上找到的这个功能:

secondsToTime(secs){
    let hours = Math.floor(secs / (60 * 60));

    let divisor_for_minutes = secs % (60 * 60);
    let minutes = Math.floor(divisor_for_minutes / 60);

    let divisor_for_seconds = divisor_for_minutes % 60;
    let seconds = Math.ceil(divisor_for_seconds);

    let obj = {
        "h": hours,
        "m": minutes,
        "s": seconds
    };
    return obj;
  };
Run Code Online (Sandbox Code Playgroud)

然后我自己编写了这段代码

  initiateTimer = () => {
    let timeLeftVar = this.secondsToTime(60);
    this.setState({ timeLeft: timeLeftVar })
  };

  startTimer = () => {
    let interval = setInterval(this.timer, 1000);
    this.setState({ interval: interval });
  };

  timer …
Run Code Online (Sandbox Code Playgroud)

javascript countdown reactjs

22
推荐指数
6
解决办法
5万
查看次数