【问题标题】:Show the count up timer result on the page在页面上显示倒计时结果
【发布时间】:2018-01-23 16:19:50
【问题描述】:

我想取出倒数计时器的结果并通过点击按钮将其显示在页面上。

【问题讨论】:

  • 到目前为止你尝试过什么?这是一个非常基本的 JavaScript 任务。
  • 您可以使用本地存储来保存结果并在用户重新访问时重复使用。如果这是您想要的,因为问题不清楚。
  • 谢谢,我会把问题说清楚。
  • 我想取出倒计时的结果并通过点击按钮显示在页面上。

标签: javascript html


【解决方案1】:

这是我为您解决问题的方法,
我只是做了一个简单的计数器,然后每次触发点击事件它都会显示当前的计时器值

代码:

//initialisation
var counterLabel = document.getElementById("counter");
var valueLabel = document.getElementById("value");
var totalSeconds = 0;
counterLabel.innerHTML = totalSeconds;
//the loop each 1s
setInterval(setTime, 1000);

//the function that will increase the conter value and save it into the cookie
function setTime() {
  ++totalSeconds;
  counterLabel.innerHTML = totalSeconds;
}

//to get the current conter value
function getTime() {
  valueLabel.innerHTML = totalSeconds;
}
<label id="counter"></label>
<button onclick="getTime()">save</button>
<label id="value"></label>

小提琴:
https://jsfiddle.net/871t3w2o/3/

你也可以看看localstoragesessionstorage,它们都像cookie一样工作,但每个都有自己的优点和缺点,你应该选择满足你需要的那个

【讨论】:

  • 谢谢先生,但您不了解我,我想取出计时器的结果并通过单击按钮将其显示在页面上,请原谅先生,我的英语语言太糟糕了
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-03-10
  • 2023-04-10
  • 2021-12-06
  • 2021-11-01
  • 2016-03-29
  • 2017-07-21
  • 1970-01-01
相关资源
最近更新 更多