Hi there!
I have been out of coding for I while, but now I am working with this typewriter pre-made code. This typewriter deletes each sentence completely, but I would like it to only partially delete, so "Husk at" (Meaning remember to) will never be deleted, as it is the base of the sentence.
"Husk at ..."
"..købe mælk (delete and write next)
"svare peter" (Delete and write next)
"at mærke roen"
So somwehere in the code I need to correct how many characters it is deleting. System it should be in this, but not sure. I am quite rusty.
_PART_INDEX = 0;
[/CODE]
I have been out of coding for I while, but now I am working with this typewriter pre-made code. This typewriter deletes each sentence completely, but I would like it to only partially delete, so "Husk at" (Meaning remember to) will never be deleted, as it is the base of the sentence.
"Husk at ..."
"..købe mælk (delete and write next)
"svare peter" (Delete and write next)
"at mærke roen"
So somwehere in the code I need to correct how many characters it is deleting. System it should be in this, but not sure. I am quite rusty.
JavaScript:
// Implements deleting effect
function Delete() {
// Get substring with 1 characater deleted
var text = _CONTENT[_PART].substring(0, _PART_INDEX - 1);
_ELEMENT.innerHTML = text;
_PART_INDEX--;
// If sentence has been deleted then start to display the next sentence
if(text === '') {
clearInterval(_INTERVAL_VAL);
// If current sentence was last then display the first one, else move to the next
if(_PART == (_CONTENT.length - 1))
_PART = 0;
else
_PART++;
The whole javascript code is here:
[CODE=javascript]<script>
var _CONTENT = [
"Husk at købe mælk",
"Husk at svare Peter",
"Husk at mærke roen",
"Like a diamond in the sky"
];
// Current sentence being processed
var _PART = 0;
// Character number of the current sentence being processed
var _PART_INDEX = 0;
// Holds the handle returned from setInterval
var _INTERVAL_VAL;
// Element that holds the text
var _ELEMENT = document.querySelector("#text");
// Cursor element
var _CURSOR = document.querySelector("#cursor");
// Implements typing effect
function Type() {
// Get substring with 1 characater added
var text = _CONTENT[_PART].substring(0, _PART_INDEX + 1);
_ELEMENT.innerHTML = text;
_PART_INDEX++;
// If full sentence has been displayed then start to delete the sentence after some time
if(text === _CONTENT[_PART]) {
// Hide the cursor
_CURSOR.style.display = 'none';
clearInterval(_INTERVAL_VAL);
setTimeout(function() {
_INTERVAL_VAL = setInterval(Delete, 50);
}, 1000);
}
}
// Implements deleting effect
function Delete() {
// Get substring with 1 characater deleted
var text = _CONTENT[_PART].substring(0, _PART_INDEX - 1);
_ELEMENT.innerHTML = text;
_PART_INDEX--;
// If sentence has been deleted then start to display the next sentence
if(text === '') {
clearInterval(_INTERVAL_VAL);
// If current sentence was last then display the first one, else move to the next
if(_PART == (_CONTENT.length - 1))
_PART = 0;
else
_PART++;
_PART_INDEX = 0;
// Start to display the next sentence after some time
setTimeout(function() {
_CURSOR.style.display = 'inline-block';
_INTERVAL_VAL = setInterval(Type, 100);
}, 200);
}
}
// Start the typing effect on load
_INTERVAL_VAL = setInterval(Type, 100);
</script>
_PART_INDEX = 0;
[/CODE]