javascript/倒计时计时器
javascript/countdown timer
我的倒计时计时器需要帮助。我有一个unix时间戳,我想在几分钟内从中倒计时。它应该只在我的跨度中打印出"还剩X分钟"。我不知道为什么它不起作用。我把jquery放在上面,所以jquery正在使用中。
HTML:
<span id="time-left">x</span>
JS:
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function(){
var endTime = 1450992799399;
var curTime = Math.floor((new Date()).getTime() / 1000);
var seconds = endTime - curTime;
var minutes = Math.floor(seconds / 60);
seconds %= 60;
$('#time-left').html() = minutes + " minutes left.";
}, 1000);
});
我希望它每秒钟都能更新。但现在它什么都没做。在我的跨度中,文本保持为"x"。
$(element).html('HTML to set');
不是
$(element).html() = 'HTML to set';
给你
$(document).ready(function() {
setTimeout(function(){
var endTime = 1450992799399;
var curTime = Date.now();
var seconds = curTime - endTime;
var minutes = Math.floor((seconds / 60) / 1000);
$('#time-left').html( minutes + " minutes left.");
}, 1000);
});
<script>
var countdown = new Date("May 28, 2018 12:00:00").getTime();
var x = setInterval(function(){
var now = new Date().getTime();
var distance = countdown - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor(distance % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
var minutes = Math.floor(distance % (1000 * 60 * 60) / (1000 * 60));
var seconds = Math.floor(distance % (1000 *60) / 1000);
document.getElementById("timer").innerHTML = "D " + days + " H " + hours + " M " + minutes + " S " + seconds;
},1000)
if(distance < 0){
clearInterval(x);
document.getElementById("timer").innerHTML = "EXPIRED";
}
</script>
<div id="timer" class="timer"></div>
相关文章:
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 设置倒计时计时器,IE出现问题
- 显示具有服务器端自动时间注销的同步倒计时计时器
- 倒计时计时器应该持续两个php页面
- 在Jquery倒计时计时器上设置每个数字的动画
- Javascript倒计时计时器倒计时未正确更新秒/分钟
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 递归倒计时计时器
- 制作一个按钮倒计时计时器,该计时器将在5分钟后永久禁用,即使在页面刷新时也应保持禁用状态
- 我需要JS/jQuery中的倒计时计时器
- 设置Javascript倒计时计时器的初始值
- 日期和unix时间之间的时间,以及计时器倒计时
- 我的Javascript计时器倒计时太快,否则就不会了't启动onLoad
- 无法从按钮或计时器倒计时后停止setInterval javascript
- JavaScript发货计时器倒计时
- Jquery计时器倒计时和倒计时
- 当ajax计时器(倒计时)显示0时,调用c#函数
- 计时器倒计时为零时更新数据库
- 我有一个计时器倒计时,如何在计时器行后面添加一个新的空行(如空格)
- 当计时器倒计时到“0”时,如何自动“点击”按钮?(如何从代码中调用单击按钮?