![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol/demo/ |
Upload File : |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Circuit</title> <script src="../dist/absol.js?date=<?php echo stat('../dist/absol.js')['mtime'];?>"></script> </head> <body> <script> (function () { var CCBlock = absol.circuit.CCBlock; var CCLine = absol.circuit.CCLine; var OOP = absol.OOP; var _ = absol._; var $ = absol.$; function NumberDisplay() { CCBlock.apply(this, arguments); this._createView(); } OOP.mixClass(NumberDisplay, CCBlock); NumberDisplay.prototype.pinHandlers = {}; NumberDisplay.prototype.pinHandlers.value = { receives: function (value) { this.$view.innerHTML = value; } } NumberDisplay.prototype._createView = function () { this.$view = _({ tag: 'span', child: { text: '0' } }); }; function Ticker() { CCBlock.apply(this, arguments); setInterval(function (){ this.pinFireAll(); }.bind(this), 50) } OOP.mixClass(Ticker, CCBlock); Ticker.prototype.pinHandlers = {}; Ticker.prototype.pinHandlers.value = { get: function (){ return new Date().getTime(); } }; var mTicker = new Ticker(); var mNumberDisplay = new NumberDisplay(); var mLine = new CCLine(mTicker, 'value', mNumberDisplay, 'value'); mNumberDisplay.$view.addTo(document.body); window.mLine = mLine; })() </script> </body> </html>