标签: countdown

功能:

用户将从"指令"页面(第1页)导航到"游戏"页面(第2页)并播放设计的游戏."指令"页面包含用户指令列表和一个开始按钮,单击该按钮会将用户导航到"游戏"页面."Game"页面有一个淡入倒计时器,目的是通知用户游戏将在x秒后开始,之后游戏将开始.因此,淡入倒计时计数器仅在用户处于游戏开始之前的"游戏"页面时开始.

问题:

即使在用户导航到"游戏"页面之前,淡入计数器也会启动.因此,当用户仍然在第一页:"简介页面"时,第二页中的淡入计数器:"游戏"页面将开始运行.

应该是什么:

上述问题不应该发生,第二页中的淡入计数器只应在用户从第1页导航到第2页时才开始倒计时.

做了什么:

我已将每个页面设置为z-index,因此,第一页设置为z-index=1第二页设置为z-index=2,此外,我已将第二页设置为display:none,因此第二页仅在被调用时显示.

此外,我已经声明了一个全局布尔变量var booleanplay== true,在我的内部<script>,我已经设置了条件检查以调用game()功能.因此,理所当然,它应该在运行方法之前检查条件.

我附上了代码供您阅读.请帮忙.我完全在智慧结束.

码:

function Page2() {
    var BooleanPlay = true;

    $("#page1").hide();
    $("#page2").show();
    //To check if the game is being played, will call MainGame method, else wouldnt start MaiinGame and reset counter and speedto original value
    if (BooleanPlay == true) {
        console.log("Game Reset");
        rollingInterval = setInterval(updateTimer, 20000);
        clearInterval(rollingInterval);
    }

}


var count = 5;

//Fade-in Countdown counter function
function …

我需要一个倒计时器,可以显示第二个:毫秒格式,我发现一个我认为我可以修改它显示这个像4:92但它不想因为某些原因为我工作.它在网站上运行正常,但我尝试将其放入我的页面,控制台告诉我:

Uncaught ReferenceError: display is not defined.

我做错了什么？

    var milisec=0 
    var seconds=30 
    document.getElementById("timer").innerHTML='30' 
    function display(){ 
        if (milisec<=0){ 
            milisec=9 
            seconds-=1 
        } 
        if (seconds<=-1){ 
            milisec=0 
            seconds+=1 
        } 
        else 
            milisec-=1 
            document.getElementById("timer").innerHTML=seconds+"."+milisec 
            setTimeout("display()",100) 
    } 
display() 

(原始来源)

在我的程序中,我必须显示CountDown计时器,为此我写了一些代码,这使我可以获得天,小时,分钟和秒,但不知道如何计算年,月和周.

我仍然得到这个:

days:384 hours:6 minutes:27 seconds:25

但我需要这个:

year:1 months:2 weeks:5 days:125 hours:6 minutes:27 seconds:25

检查我的以下代码:

      public class MainActivity extends Activity {
    String time1="31-08-2015 12:01:00";
    TextView tv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_main);

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

        final Handler handler = new Handler();
        handler.postDelayed(new Runnable() {

            @Override
            public void run() {
                Calendar start = Calendar.getInstance();  
                String time = "dd-MM-yyyy hh:mm:ss"; // 12:00

                String dateStart =(String) DateFormat.format(time, start);                          
                String dateStop = time1;


                 SimpleDateFormat format = new SimpleDateFormat("dd-MM-yyyy HH:mm:ss");  
                // Custom date format
                java.util.Date …

我有一个Recyclerview, 我需要在每一行上显示一个倒计时。

这是listview中的一个类似问题 倒计时计时器 它有一个很好的解决方案，但我需要recyclerview

编辑：

这是我的代码适配器 MyAdapter：

 public class AdapterItems extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

private ArrayList<TopCompetitions> mListItems = new ArrayList<>();
private ImageLoader mImageLoader;
private Context context;
private Handler handler;
/******************************************/
String current_date = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date());
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Date d1 = null;
Date d2 = null;
long diff;
long diffSeconds;
long diffMinutes;
long diffHours;
long diffDays;

String reachableDate = "";
/******************************************/
private ScheduledFuture updateFuture;

public AdapterItems(Context context) {

    this.context = …

一个倒数计时器从开始的Node.js服务器，并启动定时器插座事件倒计时（倒计时〜20秒）时，广播使用所有连接的客户端（Android应用程序）Socket.IO。

有时由于互联网连接缓慢或由于其他原因，某些客户端会延迟收到广播消息，并且这些设备中的倒数计时器开始延迟。服务器中的倒数计时器和 android 应用程序未同步。

我应该怎么做才能从 Android 应用程序将倒数计时器与服务器同步？

您好我是swift的新手,我正在尝试创建一个在特定日期倒计时的应用程序.我希望它显示在指定日期之前剩余的小时数和秒数,但我无法弄清楚如何执行此操作.

请帮忙!

希望有人能够消除有关“进度”和 -moz-transition 的一些困惑。

progress {
width: 40%;
-webkit-transition: width 2500ms ease-out;
-moz-transition: width 2500ms ease-out;
-o-transition: width 2500ms ease-out;
transition: width 2500ms ease-out;
}
progress::-webkit-progress-bar {
transition: width 2500ms ease-out;
}
progress::-webkit-progress-value {
transition: width 2500ms ease-out;
}
progress::-moz-progress-bar {
transition: width 2500ms ease-out;
}

基本上，我正在编写一个也使用进度条的倒计时器。 https://jsfiddle.net/TBylicky/1ndzc0x5/

问题是，虽然我可以在 Chrome 中实现平滑的进度条过渡，但我一生都无法弄清楚为什么在 Firefox 中它不平滑。

我正在使用DateFNS，我需要用它生成一个倒计时。distanceInWordsToNow仅在大约 3 年内输出，但我需要像3 Years, 11 Months, 20 Days, 3 Hours, 2 Minutes. 如何使用 DateFNS 存档？

这是一个 CodePen 示例：https ://codepen.io/anon/pen/qGajJB

脚本

todaysDateMin: dateFns.distanceInWordsToNow(new Date(2022, 6, 2, 0, 0, 15), {addSuffix: true})

我正在使用这个 jQuery 文件中的倒数计时器，但我想从中删除天数和小时数，因此它只显示分钟和秒。谁能帮我吗？数字从 png 文件显示，该文件在显示倒计时时创建翻转板效果。

jQuery.fn.countdown = function(userOptions)
{
  // Default options
  var options = {
    stepTime: 60,
    // startTime and format MUST follow the same format.
    // also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)
    format: "dd:hh:mm:ss",
    startTime: "01:12:32:55",
    digitImages: 6,
    digitWidth: 53,
    digitHeight: 77,
    timerEnd: function(){},
    image: "digits.png"
  };
  var digits = [], interval;

  // Draw digits in given container
  var createDigits = function(where) 
  {
    var c = 0;
    // Iterate each startTime digit, if …

目标：

我使用 jQuery 的each 函数循环访问几个.event 元素。我正在使用来自每个 .event 类内隐藏的 span 元素的信息来计算计时器倒计时。我正在使用 setInterval() 每秒重新计算剩余时间。

问题：

我的所有计算都完美运行 \xe2\x80\x93 但仅适用于最后一个间隔。每个间隔似乎都会覆盖前一个间隔的计算。含义：只有最后一个 .event 才能获得输出。之前的所有 .event 甚至都没有得到任何输出。使用间隔之前和之后的日志，我能够将错误范围缩小到 setInterval 函数。如何防止每个间隔覆盖之前的间隔？或者我的错误是在我还没有想到的地方？

代码：

$('.event').each(function() {\n    $event = $(this);\n\n    // SET FUTURE DATE\n    $futureDate = $event.find($('.event-time'));\n    $countdownDate = new Date($futureDate.text()).getTime();\n\n    setInterval(function() {\n    \n        // SET TODAYS DATE\n        $now = new Date().getTime();\n    \n        // DIFFERENCE NOW AND FUTURE DATE\n        $diff = $countdownDate - $now;\n    \n        // TIME CALCULATIONS FOR d, h, m, s\n        $days = Math.floor($diff / …