我想要做的似乎应该是简单的,但证明是棘手的.我需要一个使用目标日期的倒计时脚本,并给我三个单独的数字 - 即该日期的天数,小时数和分钟数 - 然后我可以在适当的位置插入页面.我尝试了jCountdown,但虽然它是高度可定制的,但我还是没有设法得到我需要的东西.我想
我可以用php做到这一点,但我真的不想将php组合成一个已经有一些jquery的静态html页面.尽量保持简单.
我想要的是让用户能够在后端代码中指定一个日期,然后给出三个独立的读数 - 该日期的天数,小时数或分钟数.不是每一个,而是说3天,3小时和5分钟.
我看了看这个
它还有每个的总数,无论是天,小时等,仍然可以作为一个打印输出.似乎是我发现的一致问题.
任何指导将不胜感激.
我使用以下教程为Android创建了一个Quiz应用程序:http://automateddeveloper.blogspot.co.uk/2011/06/getting-started-complete-android-app.html
对于每个问题,用户只有20秒的时间来回答它.如果他/她在20秒内未能回答,AlertDialog则会弹出一个,游戏将终止.
为此,我在以下OnCreate方法中添加了一个计数器QuestionActivity class:
final TextView myCounter = (TextView) findViewById(R.id.countdown);
new CountDownTimer(20000, 1000) {
@Override
public void onFinish() {
timeUp();
}
@Override
public void onTick(long millisUntilFinished) {
myCounter.setText("Time left: "
+ String.valueOf(millisUntilFinished / 1000));
}
}.start();
public void timeUp() {
AlertDialog.Builder builder = new AlertDialog.Builder(
QuestionActivity.this);
builder.setTitle("Times up!")
.setMessage("Game over")
.setCancelable(false)
.setNeutralButton(android.R.string.ok,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int id) {
QuestionActivity.this.finish();
}
});
AlertDialog alert = builder.create();
alert.show();
} …如果我的计数器超过30秒,它通常会在这里和那里跳过一秒钟.我把它倒数,显示屏显示.但它选择跳过随机数.它跳过的数字每次都是相同的数字.如果我改变计时器的长度(用户这样做),它会改变跳过的数字.我发布了我的代码;
免责声明:这是我的第一个(有用的)应用程序,所以它可能很糟糕或者结构不好.那没关系,让我知道.我可以接受批评.但是看一看,如果有人知道为什么某些秒钟会丢失,请加油.谢谢!
package com.ApphHose.runnersTimer;
//import a bunch of stuff
public class MainActivity extends Activity {
TextView text, lapNumber;
Button start;
boolean workrest, vibe;
int letsRun, lapCounter;
long length;
CountDownTimer timer;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
text = (TextView) findViewById(R.id.tv);
lapNumber = (TextView) findViewById(R.id.tvLap);
start = (Button) findViewById(R.id.bStart);
letsRun = 2;
lapCounter = 1;
workrest = true;
vibe = true;
start.getBackground().setColorFilter(0xFF00FF00, PorterDuff.Mode.MULTIPLY);
start.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
start.setText("Stop");
start.getBackground().setColorFilter(0xFFFF0000, PorterDuff.Mode.MULTIPLY);
lapNumber.setText("Lap Number: 1");
lapCounter = …如何使用Javascript在倒计时中设置EST时间.我正在使用以下代码并能够设置小时倒计时,但我需要一个特定的时间作为
http://www.timeanddate.com/countdown/generic?iso=20130920T1730&p0=152/
var now = new Date();
BigDay = new Date("September20,2013");
var countTo=BigDay.getTime()
$('.timer').countdown(countTo, function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span.'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
我正在尝试创建一个按钮,该按钮仅在例如3秒后可点击.它应显示倒计时,当达到0时,可以单击按钮并执行操作.例如,当调用Activity时,按钮首先显示"3"并倒计时为"0",然后才能点击按钮.
任何想法如何实现这一目标？
目前正在处理一个页面上需要两个计时器的项目.定时器需要有一个开始按钮,两者都有不同的时间(即timer1持续10秒,timer2持续20).这是我正在使用的脚本,但我不知道如何复制计时器并让每个计时器独立工作.
是否有人可以轻松地将此脚本更改为两个定时器的功能？
<html>
<head>
<script language="JavaScript" type="text/javascript">
var interval;
var minutes = 0;
var seconds = 10;
function countdown(element) {
interval = setInterval(function(timer) {
var el = document.getElementById(element);
if(seconds == 0) {
if(minutes == 0) {
(el.innerHTML = "STOP!");
clearInterval(interval);
return;
} else {
minutes--;
seconds = 60;
}
}
if(minutes > 0) {
var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
} else {
var minute_text = '';
}
var second_text = seconds …这就是代码应该做的事情：
\n\n\n\n\n\xe2\x80\x9c 以 T 负
\n
5
4
3
2
1
升空！\xe2\x80\x9d
当我运行它时，它只是永远打印“Sum = 5”。
\n\n代码：
\n\nint main(void) {\n\nint sum = 5; \nint i; \n\nprintf("Lift off in T minus\\n");\n\nfor (i = 0; i < 5; i=i+i) {\n sum = sum - i; \n printf("sum = %d\\n",sum); \n} \n\nprintf("Blast-off",sum); \n\nreturn 0;\n我试图在 5 秒后显示 JS 警报。现在我有这个代码：
<script>
function init() {
var count=5;
var counter=setInterval(timer,1000);
function timer(){
count=count-1;
if(count==0){
alert("This is an alert")
window.location = "http://www.example.com";
return;
}
}
}
window.onload = init;
</script>
问题是它不能正常工作。有一些我在代码中看不到的小错误。
您好，我想创建一个简单的脚本来运行从 05:00 开始到 00:00 结束的倒计时。我需要帮助。我找不到有效的脚本。我已经用函数 new Date() 进行了测试，但我得到了这样的格式天/小时/分钟/秒，我只需要分钟/秒。倒计时结束后，会出现一条带有消息的警报，并且倒计时在 00:00 停止。
目前我有这个：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.carname = "Volvo";
$scope.timer = timer();
function timer() {
var minutes = "03";
var secondes = "00";
var init = minutes + ":" + secondes;
var res = document.getElementById("timer").innerHTML = init;
return res;
}
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{carname}}</h1>
<h4 id="timer">{{timer()}}</h4>
</div>我正在尝试在 React 中使用钩子实现 5 秒倒计时。在其他答案中，解决方案是使用 React.useEffect 实现 setInterval，但我想让最终用户通过按钮触发倒计时。然后，在倒计时结束时，执行一个函数。
我管理了显示计时器，但是当计时器为 0 时我没有设法执行函数。在以下情况下，不会触发 console.log。
function Test(){
const [timeLeft, setTimeLeft] = useState(null);
useEffect(() => {
// exit early when we reach 0
if (!timeLeft) return;
if(timeLeft===0){
console.log("TIME LEFT IS 0");
setTimeLeft(null)
}
// save intervalId to clear the interval when the
// component re-renders
const intervalId = setInterval(() => {
setTimeLeft(timeLeft - 1);
}, 1000);
// clear interval on re-render to avoid memory leaks
return () => clearInterval(intervalId);
// add timeLeft as a …