js數字三位分隔效果程式碼例項
現在比較流行將數字三位分隔,以便於閱讀。下面就是一段能夠實現此功能的程式碼例項,需要的朋友可以做一下參考。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>螞蟻部落</title> <script type="text/javascript"> function d(e){ var i = e.value; var h=i.substring(0,3); i=i.substring(3); while(i&&i.length>0){ h+=" "+i.substring(0,4); i=i.substring(4) } document.getElementById("show").innerHTML=h; } window.onload=function(){ var obt=document.getElementById("bt"); var otxt=document.getElementById("txt"); obt.onclick=function(){ d(otxt) } } </script> </head> <body> <input type="text" id="txt" value="12345678"/> <input type="button" id="bt" value="檢視效果"/> <div id="show"></div> </body> </html>
這個貌似是從左到右進行三位劃分的,通常很多都是從右向左劃分,具體可以參閱js實現的數字每隔三位加一個逗號一章節。
相關文章
- 使用數字分隔字串程式碼例項字串
- 數字每隔四位用空格分隔程式碼例項
- 數字千分位分隔程式碼例項
- js點選按鈕數字加1效果程式碼例項JS
- jQuery數字分頁效果程式碼例項jQuery
- js實現的數字四捨五入效果程式碼例項JS
- js獲取數字中的最小數字程式碼程式碼例項JS
- js格式化數字例項程式碼JS
- js重力球效果程式碼例項JS
- js煙花效果程式碼例項JS
- js鐘錶效果程式碼例項JS
- js秒錶效果程式碼例項JS
- canvas田字格效果程式碼例項Canvas
- javascript實現的數字分頁效果程式碼例項JavaScript
- js淡入淡出效果例項程式碼JS
- js將字串轉換為數字程式碼例項JS字串
- js生成不重複數字陣列程式碼例項JS陣列
- js獲取數字最小值程式碼例項JS
- js獲取數字和字母隨機數程式碼例項JS隨機
- js不重複抽獎效果程式碼例項JS
- js元素上下移動效果程式碼例項JS
- js table隔行變色效果程式碼例項JS
- js簡單日曆效果程式碼例項JS
- js小球拋物線效果程式碼例項JS
- js簡單摺紙效果程式碼例項JS
- js圖片碎片化效果程式碼例項JS
- js元素的震動效果程式碼例項JS
- js從字串中篩選出數字程式碼例項JS字串
- js計算指定數字的階乘程式碼例項JS
- js左右滑動選項卡效果程式碼例項JS
- javascript將數字四位分隔模擬銀行卡號碼程式碼例項JavaScript
- jQuery倒數計時效果程式碼例項jQuery
- javascript數字上舍入程式碼例項JavaScript
- javascript數字下舍入程式碼例項JavaScript
- js實現的垂直選項卡效果程式碼例項JS
- 最為簡單的動態數字時鐘效果程式碼例項
- js圖片淡入淡出效果程式碼例項JS
- js實現刮刮樂抽獎效果程式碼例項JS