Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将计数器拆分为数组并前置html_Javascript_Jquery_Html_Counter - Fatal编程技术网

Javascript 将计数器拆分为数组并前置html

Javascript 将计数器拆分为数组并前置html,javascript,jquery,html,counter,Javascript,Jquery,Html,Counter,我试图在计数器中拆分数字,这样我就可以分别设置每个数字的样式,到目前为止我已经有了这个,但无法获取,似乎无法获取数字 您可以在JSFIDLE上检查代码 没有在这里工作,我这样做是为了在开始之前需要将数字添加到字段中。对柜台的要求 谢谢和问候 jQuery(函数(){ $(“#countValue”)。关于(“键控更改”,函数(){ 计数器=此值; $(“#计数”)。文本(值); }); if(typeof(localStorage.getItem('counts'))!='object'){

我试图在计数器中拆分数字,这样我就可以分别设置每个数字的样式,到目前为止我已经有了这个,但无法获取,似乎无法获取数字

您可以在JSFIDLE上检查代码

没有在这里工作,我这样做是为了在开始之前需要将数字添加到字段中。对柜台的要求

谢谢和问候

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
用法更新了代码,你可以在这里查看,希望对你有所帮助