Javascript 将计数器拆分为数组并前置html
我试图在计数器中拆分数字,这样我就可以分别设置每个数字的样式,到目前为止我已经有了这个,但无法获取,似乎无法获取数字 您可以在JSFIDLE上检查代码 没有在这里工作,我这样做是为了在开始之前需要将数字添加到字段中。对柜台的要求 谢谢和问候Javascript 将计数器拆分为数组并前置html,javascript,jquery,html,counter,Javascript,Jquery,Html,Counter,我试图在计数器中拆分数字,这样我就可以分别设置每个数字的样式,到目前为止我已经有了这个,但无法获取,似乎无法获取数字 您可以在JSFIDLE上检查代码 没有在这里工作,我这样做是为了在开始之前需要将数字添加到字段中。对柜台的要求 谢谢和问候 jQuery(函数(){ $(“#countValue”)。关于(“键控更改”,函数(){ 计数器=此值; $(“#计数”)。文本(值); }); if(typeof(localStorage.getItem('counts'))!='object'){
jQuery(函数(){
$(“#countValue”)。关于(“键控更改”,函数(){
计数器=此值;
$(“#计数”)。文本(值);
});
if(typeof(localStorage.getItem('counts'))!='object'){
计数器=parseInt(localStorage.getItem('counts');
}
setInterval(函数(){
$(“#计数”).html(计数器);
++计数器;
setItem('计数',计数器);
}, 2000);
控制台日志(计数器);
$(“#countValue”).focusout(函数(){
$(“.hideinput”).hide();
});
//$('div.number')。每个(函数(){
//var number=$(this.text();
//var i=0;
//$(this.parent().prepend($(“”));
//while(i
这是一个简化版本,没有setTimeout
s和localStorage
每个数字都将变成span
,带有class=“digit-1/2/3/etc”
consttohtml=value=>value
.拆分(“”)
.map((x,i)=>`${x}`)
.加入(“”)
$('#input')。on('input',function(){
$('#root').html(toHtml(this.value))
localStorage.setItem('count',this.value)
})
$('#input').val(localStorage.getItem('count')| |''.
我真的不明白你想要达到什么目的。显示一个示例,它应该是什么样子。基本上,此时计数器呈现为单个字符串。我需要将其更改为数组,这样我就可以用html标记(span或div)将每个数字括起来,这样每个数字都可以单独设置样式。示例请说明它应该是什么样子。拆分后使用示例更新JSFIDLE[更新的FIDLE][所以你想计算用户输入内容的时间吗?谢谢@amankkg,不完全是我想要的,但会相应地进行调整。此代码回答标题问题,但我可以根据你的需要进行更新。我指的字符串是一组数字,例如“123456”并将其拆分为1、2等,同时存储到本地存储,以便在页面刷新时调用最后一个计数,而不是从0重置。样式将来自css。上面的Rgds Saidcode实际上是拆分字符串,如“12345”在12…
中,localStorage
的使用是微不足道的,我可以补充一下他们说,我用localStorage
用法更新了代码,你可以在这里查看,希望对你有所帮助