What is the JavaScript version of sleep()?
Is there a better way to engineer a sleep in JavaScript than the following pausecomp function (taken from here)? function pausecomp(millis) { var date = new Date(); var curDate = null; do { curDate = new Date(); } while(curDate-date < millis); } This is not a duplicate of Sleep in JavaScript - delay between actions; I want a real sleep in the middle of a function, and not a delay before a piece of
Flotでグラフ作成 時系列のグラフ | Arti
続いて、時系列のグラフを作成してみます。 時間データは1970/1/1からのミリ秒で表現します。 UNIX時間とかエポックミリ秒といわれるやつです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Basic Linechart</title> <!-- 必要なライブラリのインポート --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/flot/jquery.flot.min.js">
PhantomJSのメモいろいろ - console.lealog();
ハマったとこ、先人の知恵のまとめ。 提供されるモジュール群は5つ phantom: そのもの FileSystem: ファイルに出力したり、依存ファイルの存在確認したり System: コマンドラインから引数取りたいなら WebPage: きっと主役なrequire('webpage').create()するやつ WebServer: まだ使わない方がよさそう おおまかな使い方は2パターン pageを使いまわす オーソドックスなやつかと。 PhantomJSのサンプルといえば！的な。 var page = require('webpage').create(); page.open('http://example.com', function(){ // do something.. page.evaluate(function(){ // do something... }); phan
Pass arguments with page.evaluate
I'm using PhantomJS page.evaluate() to do some scraping. My problem is that the code I pass to the webkit page is sandboxed, and so has no access to the variables of my main phantom script. This makes it hard make the scraping code generic. page.open(url, function() { var foo = 42; page.evaluate(function() { // this code has no access to foo console.log(foo); }); } How could I push arguments into
LET IT SNOW – 思わず見とれるCanvasを使った雪の表現
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5はまだまだ黎明期で、新しく登場するAPIを含めて色々試せる時期にあると言えます。実務ではまだ採用が難しい技術でも今のうちに試してその成果を公開することで他のプログラマー、デザイナーに技術力がアピールできます。 今後ますます利用範囲が広がるHTML5だけに思い切った試みをしてみるのも良さそうです。ということで今回はHTML5/Canvasを使って雪を降らせるアニメーションを実現するLET IT SNOWを紹介します。 まずは画像で紹介します。 画像だけでは分かりづらいので動画で紹介します。 使い方 実際の使い方として、まずHTMLは次のようになります。単純にcanvasタグを配置するだけです。 <body> .. <canvas class="snow" width="10
JavaScriptでクッキーを簡単に操作する［jquery.cookie］
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。
外部JavaScriptファイルから別の外部JavaScriptファイルをインクルードする方法 - おもしろ日記パワー
まずファイル構成。 /root ├index.html ├a.js └b.jsindex.htmlでa.jsとb.jsの両ファイルをインクルードする方法は <script type="text/javascript" language="JavaScript" src="a.js"></script> <script type="text/javascript" language="JavaScript" src="b.js"></script> が一般的です。 じゃあa.js内でb.jsをインクルードする方法は？ 今のところ、JavaScriptにインクルード命令はありません。 しかしdocument.writeでゴリ押しできる模様。 index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht
CSSとjQueryを使ってマウスオーバー時にポップアップ表示にするTooltips | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた | TM Life
※このエントリーで使われてる tmlib.js はバージョンが古いので, 急遽新しくエントリーを書きました(2012 11/25) こちらを見て頂けると幸いです. 自作ライブラリ tmlib.jsを使って, 円同士の衝突プログラムを作ってみました. やっているのは, 円同士の衝突判定 めり込みの補正 衝突後の反発 です. ちゃんと計算するなら, 衝突時間を調べてその分ベクトルの長さを調整して… ってやんないといけないのですが, 速度的に問題があるってのと難易度が上がってしまう(ホントはめんどくさい)のでちょっと省略しています. でもそれっぽく動いていると思います. 色々とパラメータをいじって遊んでみてください. Sample and Download 今回制作したサンプルはこちら. 円同士の衝突プログラムです. マウスもしくはタッチでボールを掴んで投げることができます. また, 右上のパラ
エディタでJavascriptを使う | |Tamucha Collage
こんばんは！WEBデザインを中心に・・・お仕事に役立ちそうなことや暮らしのおすすめ情報など寄せ集めメモメモなブログです 投稿にJavascriptを記載すると、自動整形機能のためにscriptが機能してくれなくなります。 今までは、runPHPというプラグインを使って、投稿内にPHPでechoするように記載することで、 何とか解決していたのですが、複数の管理者で投稿を作成する場合に説明するのが面倒なので、 なんとかJavascriptを記載する方法がないか探していていいプラグインを見つけました。 inline-js —— wordpress plugin （同じような投稿にJavascriptを挿入できるプラグインContentsExは私の環境では使えませんでした。） 【使い方】 プラグインをダウンロードしてくる。 /wp-content/plugins/ディレクトリにinline-jav
Upload multiple files with a single file element » StickBlog
Upload multiple files with a single file element Published July 13th, 2005 STOP PRESS: There is now a new version here, based on Mootools. Please note: As you will notice if you take the time to read this article, you will see no mention of the word ‘Ajax’ (apart from the ones in this paragraph). That’s because this technique has nothing whatsoever to do with Ajax — and I never claimed that it d
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア
あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションは ASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケの UI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョンを選んで差分を表示できるようにする。 という機能を実装することになりました。 これ自体はちゃちゃっと実装し、以下のようなHTMLが生成されるようにしました: ... <table> <tr> <th>A</th> <th>B</th> <th>変更日時</th> <th>変更者</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
jscc+flymakeでJavaScriptのエラー行ハイライト - 西尾泰和のはてなダイアリー
僕はJavaScriptのコードを書く時にjsccで継続的にコンパイルして、エラーや警告の有無をサブモニタにグラフ表示してる。で、Emacs使い。だったら、コンパイル結果のログを使ってflymakeでエラーの行をハイライトしたら幸せになるんじゃないの？と思ったのでやってみた。 Makefileに2行ほど書き足して check-syntax: cat compile.logemacs.elに5行ほど書きたしたら ;; flymake (add-to-list 'flymake-allowed-file-name-masks '("\\.js\\'" flymake-simple-make-init)) (add-hook 'java-mode-hook '(lambda () (flymake-mode))) やったね。めでたし。 エラーが他のファイルにある場合とかにちゃんと動くのかどうかは
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap 3 - One Delete Confirm Dialog For All - Sheikh Heera
What Web Can Do Today
フロントエンドに秩序を取り戻す方法 〜はてなブログ編集画面をリニューアルするためにやったこと〜 // Speaker Deck
先端サイトに学ぶCSS3/jQueryアニメーションデザイン
狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清