Javascript 向JS倒计时添加文本

Javascript 向JS倒计时添加文本,javascript,jquery,Javascript,Jquery,我使用下面的代码在10秒倒计时后隐藏一个DIV。它工作得很好,但目前只显示10、9、8等。我应该修改什么才能添加这样的纯文本“此框将在(10、9、8等)秒内关闭” 非常感谢 dfdf 测试 var时间=10; 窗口设置间隔(测试,1000); 功能测试() { 时间-=1; $('#倒计时').html(时间); 如果(时间==0) { $(“#新闻容器”).remove(); } } 像这样吗 像这样 已调整Div的大小并添加文本 <div id="news-container" st

我使用下面的代码在10秒倒计时后隐藏一个DIV。它工作得很好,但目前只显示10、9、8等。我应该修改什么才能添加这样的纯文本“此框将在(10、9、8等)秒内关闭” 非常感谢

dfdf
测试
var时间=10;
窗口设置间隔(测试,1000);
功能测试()
{
时间-=1;
$('#倒计时').html(时间);
如果(时间==0)
{
$(“#新闻容器”).remove();
}
}
像这样吗

像这样


已调整Div的大小并添加文本

<div id="news-container" style="border:5px solid black;width:100%; background: red;">dfdf

<div id="countdown" style="border:1px solid black;width:220px;float: right;">test</div></div>


var time = 10;

window.setInterval(test, 1000);

function test() {
time -= 1;
$('#countdown').html('This box will be closed in ' + time + ' second(s)');

         if (time == 0) 
         {

              $('#news-container').remove();
         }
}
dfdf
测试
var时间=10;
窗口设置间隔(测试,1000);
功能测试(){
时间-=1;
$(“#倒计时”).html('此框将在“+时间+”秒后关闭);
如果(时间==0)
{
$(“#新闻容器”).remove();
}
}

已调整Div的大小并添加文本

<div id="news-container" style="border:5px solid black;width:100%; background: red;">dfdf

<div id="countdown" style="border:1px solid black;width:220px;float: right;">test</div></div>


var time = 10;

window.setInterval(test, 1000);

function test() {
time -= 1;
$('#countdown').html('This box will be closed in ' + time + ' second(s)');

         if (time == 0) 
         {

              $('#news-container').remove();
         }
}
dfdf
测试
var时间=10;
窗口设置间隔(测试,1000);
功能测试(){
时间-=1;
$(“#倒计时”).html('此框将在“+时间+”秒后关闭);
如果(时间==0)
{
$(“#新闻容器”).remove();
}
}
DFDFDF
测试
var时间=10;
窗口设置间隔(测试,1000);
功能测试()
{
时间-=1;
$(“#倒计时”).html(“该框将在“+time+”秒!”后关闭);
如果(时间==0)
{
$(“#新闻容器”).remove();
}
}
DFDFDF
测试
var时间=10;
窗口设置间隔(测试,1000);
功能测试()
{
时间-=1;
$(“#倒计时”).html(“该框将在“+time+”秒!”后关闭);
如果(时间==0)
{
$(“#新闻容器”).remove();
}
}
erm
$(“#倒计时”).html('此框将在“+时间+”秒内关闭。)
?呃
$(“#倒计时”).html('此框将在“+时间+”秒后关闭。)
<div id="news-container" style="border:5px solid black;width:100%; background: red;">dfdf

<div id="countdown" style="border:1px solid black;width:220px;float: right;">test</div></div>


var time = 10;

window.setInterval(test, 1000);

function test() {
time -= 1;
$('#countdown').html('This box will be closed in ' + time + ' second(s)');

         if (time == 0) 
         {

              $('#news-container').remove();
         }
}
<div id="news-container" style="border:5px solid black;width:100%; background: red;">dfdf

<div id="countdown" style="border:1px solid black;width:120px;float: right;">test</div></div>


var time = 10;

window.setInterval(test, 1000);

function test()
{
             time -=1;
    $('#countdown').html("The box will close in "+time+" seconds!"); 

if(time == 0)        
{

    $('#news-container').remove();
}
}