javascript - जेएस के साथ HTML डालना



insert setinterval (2)

मुझे कुछ समय के बारे में थोड़ा सा स्टम्प्ड है, मेरे पास निम्न कोड है जो अपेक्षित रूप से काम करता है, सब कुछ इसके साथ ठीक है। हालांकि मैं कुछ मामूली परिवर्तन करना चाहूंगा क्योंकि मैं निम्नलिखित कार्य को टेक्स्ट के अंदर html मार्कअप को सम्मिलित करने में सक्षम होना चाहता हूं;

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;

var SI = setInterval(function() {

    var typeText = $('.typetext');
    typeText.append(split[counter]);
    counter++
    if(counter == str.length){clearInterval(SI)}

},100)

तो फिलहाल, यह फ़ंक्शन एक सरणी, विभाजित करता है और फिर सेट इन्टरवॉल विधि का उपयोग करके मैं स्ट्रिंग की लंबाई पर फिर से चला जाता हूं। यह पाठ को देखने के लिए अनुमति देता है जैसे इसे टाइप किया जा रहा है।

जैसा कि आप देख सकते हैं कि, मेरा प्रारंभिक मूल्य str है 'var str =' चलो भविष्य तैयार हो जाओ! ';'

हालांकि मैं अपने str मान 'var str =' में एक ब्रेक जोड़ना चाहूंगा
भविष्य तैयार! "

पहले यह संभव है? दूसरे, अगर कोई मुझे कुछ सलाह दे सकता है तो मैं आभारी रहूंगा, धन्यवाद।

https://ffff65535.com


तो आप HTML- टेक्स्ट में एक लाइन ब्रेक चाहते हैं जो आप सम्मिलित करते हैं?

एक डालें

<br />

मौके पर सरणी में जहां आप टेक्स्ट को तोड़ना चाहते हैं। जावास्क्रिप्ट के साँस () फ़ंक्शन पर सरणी के एक तत्व को डालने के लिए: http://www.w3schools.com/jsref/jsref_splice.asp

आपके कोड के साथ उदाहरण:

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;
split = split.splice(18, 0, "<br />");

नीचे दिए गए स्निपेट की जांच करें टिप्पणियों में स्पष्टीकरण

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;

var SI = setInterval(function() {

    var typeText = $('.typetext');
    typeText.append(split[counter]);
    counter++
    if(typeText.text()=="Let's get")//check the text and see if it  has Let's get
      typeText.append("<br/>");//if yes append br there
    if(counter == str.length){
      clearInterval(SI);
    }

},100)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="typetext"></div>





setinterval