javascript數字自動加1程式碼例項
本章節分享一段程式碼例項,它實現了數字自動加1的效果。
當然這個程式碼是非常簡單的,比較適合初學者參考。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload = function () { function add() { var num = 0; num++; count.innerHTML = num; } setInterval(add,1000); } </script> </head> <body> <span id="count">0</span> </body> </html>
上面的程式碼實現了我們的要求,程式碼非常的簡單更多內容可以參閱相關閱讀。
特別說明:id屬性值可以直接作為物件使用。
相關閱讀:
(1).innerHTML屬性可以參閱innerHTML一章節。
(2).setInterval()可以參閱setInterval()一章節。
相關文章
- JavaScript取餘數程式碼例項JavaScript
- JavaScript運動框架程式碼例項JavaScript框架
- JavaScript倒數計時程式碼例項JavaScript
- JavaScript in運算子程式碼例項JavaScript
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript隨滑鼠晃動的div塊程式碼例項JavaScript
- JavaScript陣列合並程式碼例項JavaScript陣列
- JavaScript 表單驗證程式碼例項JavaScript
- JavaScript刪除元素節點程式碼例項JavaScript
- JavaScript中常用的事件程式碼及例項JavaScript事件
- 前端學習程式碼例項-JavaScript阻止事件冒泡前端JavaScript事件
- 美化滾動條效果程式碼例項
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- textarea文字框高度自適應程式碼例項
- CSS3文字凹凸效果程式碼例項CSSS3
- css3晃動效果程式碼例項CSSS3
- SVG拖動繪製矩形程式碼例項SVG
- JavaScript 點選複製選中文字程式碼例項JavaScript
- dom操作程式碼例項
- css梯形程式碼例項CSS
- led驅動程式例項
- CSS3文字陰影效果程式碼例項CSSS3
- CSS3星系運動效果程式碼例項CSSS3
- 商品搶購倒數計時效果程式碼例項
- 獲取倒數第幾個元素程式碼例項
- 網頁倒數計時跳轉程式碼例項網頁
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- 好程式設計師web前端分享在HTML中使用JavaScript例項程式碼程式設計師Web前端HTMLJavaScript
- 分析BPM再進化:低程式碼與數字流程自動化
- JavaScript 例項屬性JavaScript
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- 正則實現個位數補零程式碼例項
- 前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉前端JavaScript
- canvas刮刮樂程式碼例項Canvas
- canvas載入效果程式碼例項Canvas
- CSS空心箭頭程式碼例項CSS