js 實現網頁一個一個字打印出來的效果
最近看了一個小效果,感覺還挺不錯,程式碼實現起來也挺簡單,於是就寫了些。
html:
<textarea id="showStr"></textarea> //用來顯示逐漸出現的文字
<div style="display:none" id="string">寶貝,我好想好想你,想你想的睡不好覺,想你想的吃不下飯,我愛你愛你愛你,麼麼麼麼麼麼麼麼,啵啵啵啵啵啵啵
</div>
js:
var index = 0; var str = document.getElementById("string").innerHTML; function type() { if(index == str.length) { index = 0; } document.getElementById("showStr").innerText = str.substring(0, index++); } setInterval(type, 200); //通過定時器來讓文字逐步顯示
這裡最主要的就是通過str.substring(x,y)這個函式來進行字串的擷取,然後再通過定時器實現效果,很簡單。
今天一口氣寫了好幾篇小文章,都是一些工作中能用的到的小效果。接下來會逐漸的增加一些內容,進行一些框架的學習交流(還在整理中),希望與大家能共同進步,多讀指教。
相關推薦
js 實現網頁一個一個字打印出來的效果
最近看了一個小效果,感覺還挺不錯,程式碼實現起來也挺簡單,於是就寫了些。 html: <textarea id="showStr"></textarea> //用來顯示逐漸出現的文字 <div style="display:none" id=
java中如何知道一個字符串中有多少個字,把每個字打印出來,舉例
有一個 url ont chapter 書籍 whole mar strong posit (視頻下載) (全部書籍) 9.6 About string,"I am a teacher",這個字符串中有多少個字,且分別把每個字打印出來。 /*本題的思路就是,當我有
js實現pdf對頁面的打印
點擊 dataurl png mage esp 數據 轉化 project java //-------------------------------點擊打印的圖標--------------------------------- <div class=
JS實現網頁背景旋轉縮放輪播效果
parse html char height sta api接口 圖片地址 wid col 實現效果:效果預覽 css代碼: .switch_images { display: inline-block; margin: 0; padding: 0
編寫一個撲克類(每張撲克有花色和數值,例如紅心A,草花10),將52張撲克牌放到集合中(自己去選擇集合類) 編寫3個方法 方法1.將集合中的所有撲克重新洗牌,並將撲克輸出(打印出來即可) 方法2
/** * Created by whp on 2018/8/1. */ public class Poker { String color; String number; public Poker(String color, String number) {
java--建立一個帶預設構造方法(即無參構造)的類,在構造方法中列印一條訊息"Hello Constructor";再為這個類新增一個過載構造方法,令其接收一個字串引數,將其一起打印出來
題目描述:建立一個帶預設構造方法(即無參構造)的類,在構造方法中列印一條訊息"Hello Constructor";再為這個類新增一個過載構造方法,令其接收一個字串引數,並在這個有參構造方法中把"Hello Constructor"和接收的引數一起打印出來。 //Person類 class Pe
原生JS實現點選一個按鈕顯示一個div,再點選按鈕div隱藏,或點選除div外其它空白處div隱藏
<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js點選按鈕顯示再點選空白地方隱藏</title> <style type="text/css"&g
C++入門篇——輸入一個整數並將這個整數分別以八進位制,十進位制,十六進位制輸出;同時輸入一個布林值並且以布林值的方式打印出來
C++入門篇 輸入一個整數並將這個整數分別以 八進位制,十進位制,十六進位制輸出; 同時輸入一個布林值並且以 布林值的方式打印出來 注意:執行的時候需要按 ctrl鍵+F5 如果想只按F5就執行,在return 0;前面加一段程式碼: system("pause"); 同時需要
遍歷一個資料夾,打印出該資料夾下所有的py檔案
import osdef iterbrowse(path): for home, dirs, files in os.walk(path): for filename in files: yield os.path.join(home, filename)for fu
Java 輸入一個正整數,將其用中文打印出來
輸入一個正整數,將其用中文打印出來。使用java 實現 import java.util.Scanner; public static void main(String[] arge){
刷題:輸入一顆二叉樹和一個整數,打印出二叉樹中結點值的和為輸入整數的所有路徑。
原題:輸入一顆二叉樹和一個整數,打印出二叉樹中結點值的和為輸入整數的所有路徑。路徑定義為從樹的根結點開始往下一直到葉結點所經過的結點形成一條路徑。 思路分析:首先思考節點值的和為輸入的整數,每條路徑都一定是從根節點到葉子節點,在資料結構中從根節點到葉子節點的遍歷稱之為深度優先遍歷DFS。因此整
java--建立一個帶預設構造方法(即無參構造)的類,在構造方法中列印一條訊息"Hello Constructor";再為這個類新增一個過載構造方法,令其接收一個字串引數,將其一起打印出來
題目描述:建立一個帶預設構造方法(即無參構造)的類,在構造方法中列印一條訊息"Hello Constructor";再為這個類新增一個過載構造方法,令其接收一個字串引數,並在這個有參構造方法中把"Hello Constructor"和接收的引數一起打印出來。 //Perso
js實現網頁只能在微信內開啟,瀏覽器打不開
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=d
某公司的僱員分為以下若干類。寫一個程式,把若干各種型別的員工放在一個Employee 數組裡,寫一個函式,打印出某月每個員工的工資數額
某公司的僱員分為以下若干類:Employee:這是所有員工總的父類,屬性:員工的生日月份。方法:getSalary(int month) 根據引數月份來確定工資,如果該月員工過生日,則公司會額外獎勵100 元。SalariedEmployee:Employee 的子類,拿固定工資的員工。屬性:月薪Hourly
分解一個使用者輸入的整數,並將各位數和各位數的和打印出來
例如給一個0-10000的整數6789;分解出6/7/8/9並計算6+7+8+9=24; 下列程式碼: package com.test; import java.util.Scanner; import org.junit.Test; public class Dame { @Tes
js實現獲取上一個月的一天,和最後一天
今天做專案是遇到需要再頁面上獲取到日期,是字串型別。 然後是需要獲得上一個月的的第一天和最後一天。畢竟每個月的最後一天的日期是不一樣的。 例如: var date = "03/31/2017 00:00:00";
PHP輸入一個字串,打印出該字串中字元的所有排列
輸入一個字串,打印出該字串中字元的所有排列。 例如輸入字串abc,則輸出由字元a、b、c所能排列出來的所有字串 abc、acb、bac、bca、cab和cba。 /** * 輸入一個字串,打印出該字串中字元的所有排列 * @param unknown $ar
1.通過輸入一個年月日 獲取到當月的這個日曆 打印出來 並且[]把輸入的這個日期包起來 2.酒店訂房小程式
1.===================== package pratice; import java.util.Calendar; import java.util.Scanner; public class CalEx { /** * 通過輸入
js實現點選一個按鈕達到瀏覽器全屏效果
專案中需要將後臺瀏覽器的視窗全屏,也就是我們點選一個按鈕要實現按F11全屏的效果。 在HTML5中,W3C制定了關於全屏的API,就可以實現全螢幕的效果,也可以讓頁面中的圖片,視訊等全屏目前只有google chrome 15 +, safri5.1+,firfox1
建立一個HasMap物件,並在其中新增一些員工的姓名和工資:張三,8000,李四,6000.然後從HashMap物件中獲取這兩個人的薪水並打印出來,接著把張三的工資改為85000,再把他們的薪水顯示出
package com.dh.ch07; import java.util.*; public class HashMapTest { public static void main(St