Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.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将字符串中的每个字符着色_Javascript - Fatal编程技术网

javaScript将字符串中的每个字符着色

javaScript将字符串中的每个字符着色,javascript,Javascript,大家好,我正在使用javascript和jquery,我正在尝试将日期方法(如d.getMonth)连接成一个字符串,以便以后可以遍历每个字符并使用jquery更改颜色 <script type = "text/javascript"> var d = new Date(); $("document").ready(function(){ //$ is jquerys way of selecting a dom element

大家好,我正在使用javascript和jquery,我正在尝试将日期方法(如d.getMonth)连接成一个字符串,以便以后可以遍历每个字符并使用jquery更改颜色

<script type = "text/javascript">

    var d = new Date();


        $("document").ready(function(){ //$ is jquerys way of selecting a dom element

            $("#one").append(d.getMonth() + "/" + d.getDay() + "/" + d.getFullYear()
            + "/" + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds());

            var myTextDate = $("#one").text();
            for (var i = 17; i < myTextDate.length; i++)
            {





            }
        });

            //$("span").css("background-color","black");
            function getRandomColor() 
            {
                var letters = '0123456789ABCDEF'.split('');
                var color = '#';
                for (var i = 0; i < 6; i++ ) {
                    color += letters[Math.floor(Math.random() * 16)];
            }
                return color;
            }

    </script>

    <h3 id = "one">Today's Date is: </h3>

这是我的原始代码。我尝试将它们附加到html文档中,该文档可以正常工作。然后我做了一个生成随机颜色的方法。现在我想改变每个角色的颜色。但是将每个字符更改为不同的颜色是我失败的地方。

如果要更改每个字符的颜色,必须将每个字符包装在其自己的元素中。您可以使用s解决此问题:


它怎么会失败呢?它会爆炸吗?显示更多的代码-还有,你得到的结果是什么?伙计,爆炸不好。至少用CSSY让爆炸看起来不错你应该做d.getMonth+1我用更多的代码更新了我的问题以及我想要实现的。为什么要写出字符串?看起来你在结果中重建了它。是啊,我注意到我犯了一些错误-u-,比如向后走,这对性能有好处,但对不反转的字符串不好:谢谢,你有没有机会也不知道为什么我放了一个alerthello;在这种情况下,它不会执行吗?我以前一直在做这些,但出于某种原因,现在不再做了。这取决于你把它放在哪里。如果你把它放在一个永远不会被调用的地方,它就永远不会被执行。很难说。我还添加了一些你会发现对你当前的代码非常有用的东西,给我一点时间,我刚刚看到了。是的,它没有改变字符串的颜色。
var string = "My String";
var result = "";
/* Let's run through each letter and wrap it in a span. */
for(var i = 0; i < string.length; i++){
    var color = getRandomColor();
    result += '<span style="color: ' + color + '">' + string[i] + '</span>';
}
/* Now write it to the document. It might be safer to add it to an existing ID as innerHTML
   because you might want to have control over this huge list of elements. */
document.write(result);
function getRandomColor() 
{
    /* You don't need to split, as strings are already arrays (of characters, that is) */
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}