{"id":321,"date":"2013-09-12T09:02:45","date_gmt":"2013-09-12T06:02:45","guid":{"rendered":"http:\/\/www.sahinsolmaz.com\/blog\/?p=321"},"modified":"2014-03-11T13:18:02","modified_gmt":"2014-03-11T11:18:02","slug":"javascript-otomatik-ileri-sayac-js-auto-count-up","status":"publish","type":"post","link":"https:\/\/sahinsolmaz.com\/blog\/javascript-otomatik-ileri-sayac-js-auto-count-up\/","title":{"rendered":"Javascript Otomatik \u0130leri Saya\u00e7 \/ JS Auto Count + Up"},"content":{"rendered":"<p>Merhaba Aarkada\u015flar,<\/p>\n<p>A\u015fa\u011f\u0131da payla\u015faca\u011f\u0131m kod grubu <strong>geri say\u0131m sayac\u0131n\u0131n <\/strong>tersidir yani, saat mant\u0131\u011f\u0131nda mevcut andan itibaren ileriye do\u011fru saniye saniye artar ve saniye do\u011frultusunda dakikay\u0131 tetikler, bu kadar sade ve kullan\u0131m\u0131 olduk\u00e7a basittir<\/p>\n<p><span style=\"color: #000000;\"><strong>&lt;label id=&#8221;minutes&#8221;&gt;00&lt;\/label&gt;:&lt;label id=&#8221;seconds&#8221;&gt;00&lt;\/label&gt;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0 &lt;script type=&#8221;text\/javascript&#8221;&gt;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var minutesLabel = document.getElementById(&#8220;minutes&#8221;);<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var secondsLabel = document.getElementById(&#8220;seconds&#8221;);<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var totalSeconds = 0;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 setInterval(setTime, 1000);<\/strong><\/span><\/p>\n<p><span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 function setTime()<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 ++totalSeconds;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 secondsLabel.innerHTML = pad(totalSeconds%60);<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 minutesLabel.innerHTML = pad(parseInt(totalSeconds\/60));<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/strong><\/span><\/p>\n<p><span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 function pad(val)<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var valString = val + &#8220;&#8221;;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if(valString.length &lt; 2)<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return &#8220;0&#8221; + valString;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return valString;<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/strong><\/span><br \/>\n<span style=\"color: #000000;\"><strong>\u00a0\u00a0\u00a0 &lt;\/script&gt;<\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Merhaba Aarkada\u015flar, A\u015fa\u011f\u0131da payla\u015faca\u011f\u0131m kod grubu geri say\u0131m sayac\u0131n\u0131n tersidir yani, saat mant\u0131\u011f\u0131nda mevcut andan itibaren ileriye do\u011fru saniye saniye artar ve saniye do\u011frultusunda dakikay\u0131 tetikler, bu kadar sade ve kullan\u0131m\u0131 olduk\u00e7a basittir &lt;label id=&#8221;minutes&#8221;&gt;00&lt;\/label&gt;:&lt;label id=&#8221;seconds&#8221;&gt;00&lt;\/label&gt; \u00a0\u00a0\u00a0 &lt;script type=&#8221;text\/javascript&#8221;&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var minutesLabel = document.getElementById(&#8220;minutes&#8221;); \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var secondsLabel = document.getElementById(&#8220;seconds&#8221;); \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var totalSeconds = 0; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[94],"tags":[97,96,99,98,101,95,100],"class_list":["post-321","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-auto-count-up","tag-count-up","tag-geri-sayim","tag-ileri-sayim","tag-javascript-2","tag-javascript-count-up","tag-javascript-sayac"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4sbm9-5b","jetpack-related-posts":[{"id":778,"url":"https:\/\/sahinsolmaz.com\/blog\/hangi-programlama-dili-nerede-kullanilir-yeni-baslayanlara-tavsiyeler-nelerdir\/","url_meta":{"origin":321,"position":0},"title":"Hangi programlama dili nerede kullan\u0131l\u0131r? Yeni ba\u015flayanlara tavsiyeler nelerdir?","author":"SahinSOLMAZ","date":"13 Ekim 2014","format":false,"excerpt":"Merhabalar, Uzun s\u00fcredir yazmak istedi\u011fim bir makale vard\u0131 ama .. bir t\u00fcrl\u00fc f\u0131rsat olmam\u0131\u015ft\u0131. Yak\u0131n zamanlarda bir arkada\u015f\u0131m i\u00e7in ara\u015ft\u0131r\u0131rken buldu\u011fum ve be\u011fenerek okudu\u011fum bir makaleyi sizlerle de payla\u015fmak istedim. \"Bu makalenin i\u00e7eri\u011finde neler var?\" Derseniz, pop\u00fcler olan neredeyse t\u00fcm programlama dillerinin genel itibari ile kullan\u0131m alanlar\u0131, ama\u00e7lar\u0131 ve olumlu\u2026","rel":"","context":"&quot;YAZILIMA G\u0130R\u0130\u015e&quot; i\u00e7inde","block_context":{"text":"YAZILIMA G\u0130R\u0130\u015e","link":"https:\/\/sahinsolmaz.com\/blog\/category\/yazilima-giris\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Hangi-programlama-dili-nerede-kullan%C4%B1l%C4%B1r-Yeni-ba%C5%9Flayanlara-tavsiyeler-nelerdir-Merak-edebilece%C4%9Finiz-bir-%C3%A7ok-sorunun-cevab%C4%B1-bu-yaz%C4%B1l%C4%B1ma-giri%C5%9F-makalesinde-mevcut..jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":852,"url":"https:\/\/sahinsolmaz.com\/blog\/gzipdeflate-sikistirma-kullanimi-nginx-apache-web-server-htaccess\/","url_meta":{"origin":321,"position":1},"title":"Gzip\/Deflate S\u0131k\u0131\u015ft\u0131rma Kullan\u0131m\u0131 NGINX &#038; APACHE Web Server .htaccess","author":"SahinSOLMAZ","date":"11 Aral\u0131k 2014","format":false,"excerpt":"Sunuculardaki performans\u0131n \u00f6neminden s\u00f6z etmeye hi\u00e7 gerek yok art\u0131k hepimiz bunun bilincindeyiz. Linux sunucularda Apache ve Nginx uzun s\u00fcredir epeyce pop\u00fcler durumda yak\u0131n gelecekte bu durum de\u011fi\u015fecek gibi g\u00f6r\u00fcnse de \u015fimdilik durum bundan ibaret. Bu arada merak edenler olabilir ben y\u00f6netimini yapt\u0131\u011f\u0131m t\u00fcm sunucularda Nginx kullanmaktay\u0131m. Apache kullanan sunuculardaki Apache\u2026","rel":"","context":"&quot;Apache&quot; i\u00e7inde","block_context":{"text":"Apache","link":"https:\/\/sahinsolmaz.com\/blog\/category\/sunucu\/apache\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/12\/GzipDeflate-S%C4%B1k%C4%B1%C5%9Ft%C4%B1rma-Kullan%C4%B1m%C4%B1-NGINX-APACHE-Web-Server-.htaccess_mod_deflate_httpGzipModule_How_To_enabled.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/12\/GzipDeflate-S%C4%B1k%C4%B1%C5%9Ft%C4%B1rma-Kullan%C4%B1m%C4%B1-NGINX-APACHE-Web-Server-.htaccess_mod_deflate_httpGzipModule_How_To_enabled.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/12\/GzipDeflate-S%C4%B1k%C4%B1%C5%9Ft%C4%B1rma-Kullan%C4%B1m%C4%B1-NGINX-APACHE-Web-Server-.htaccess_mod_deflate_httpGzipModule_How_To_enabled.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/12\/GzipDeflate-S%C4%B1k%C4%B1%C5%9Ft%C4%B1rma-Kullan%C4%B1m%C4%B1-NGINX-APACHE-Web-Server-.htaccess_mod_deflate_httpGzipModule_How_To_enabled.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1438,"url":"https:\/\/sahinsolmaz.com\/blog\/session-fixation-oturum-sabitleme-hijacking-saldirisi-nedir-ornekli\/","url_meta":{"origin":321,"position":2},"title":"Session Fixation (Oturum Sabitleme), Hijacking Sald\u0131r\u0131s\u0131 Nedir? [\u00d6rnekli]","author":"SahinSOLMAZ","date":"18 Ocak 2017","format":false,"excerpt":"Web g\u00fcvenli\u011findeki pop\u00fcler konulardan olan session fixation, session hijacking sald\u0131r\u0131s\u0131na \u00f6rneklerle bir bakal\u0131m. Meali oturum sabitleme olan session fixation nedir ? Bir uygulamaya login olunduktan sonra id yenilenmiyorsa session fixation zafiyetinden bahsedilir. Oturum sabitleme a\u00e7\u0131\u011f\u0131ndan faydalanarak bir sald\u0131rgan kullan\u0131c\u0131n\u0131n\/kurban\u0131n oturumunu \u00e7alabilir, bu eyleme de session hijacking denir. Oturum sabitleme sald\u0131r\u0131s\u0131nda,\u2026","rel":"","context":"&quot;CYBER SECURITY&quot; i\u00e7inde","block_context":{"text":"CYBER SECURITY","link":"https:\/\/sahinsolmaz.com\/blog\/category\/cyber-security\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":800,"url":"https:\/\/sahinsolmaz.com\/blog\/zeitgeist-ii-2-addendum-turkce-ortak-zaman-ruhu-hakkinda\/","url_meta":{"origin":321,"position":3},"title":"Zeitgeist II 2 Addendum&#8221; T\u00fcrk\u00e7e Ortak Zaman Ruhu Hakk\u0131nda","author":"SahinSOLMAZ","date":"28 Ekim 2014","format":false,"excerpt":"Merhabalar, D\u00fcn gece, bir ara k\u0131s\u0131m k\u0131s\u0131m seyretmi\u015f oldu\u011fum bir belgeselin\u00a0tek part hali ge\u00e7ti elime,\u00a0ilgiyle\u00a0seyrettim\u00a0ve\u00a0sizlerle de payla\u015fmak istedim. Zeistgeist, genellikle zamanin ruhu \/\u00a0ortak zaman ruhu\u00a0olarak adland\u0131r\u0131lan bir\u00a0olgu,\u00a0tan\u0131m\u0131n\u0131 iste tr. wikipedia.org \u015fu \u015fekilde ele alm\u0131\u015f: Zeitgeist, bir \u00e7a\u011f\u0131n d\u00fc\u015f\u00fcnce ve duygu bi\u00e7imidir. Bu kavram belirli bir d\u00f6nemin \u00f6zelli\u011fini g\u00f6stermekte, daha do\u011frusu\u2026","rel":"","context":"&quot;Siyasi&quot; i\u00e7inde","block_context":{"text":"Siyasi","link":"https:\/\/sahinsolmaz.com\/blog\/category\/yasam\/siyasi\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Zeitgeist-II-2-Addendum-T%C3%BCrk%C3%A7e-Ortak-Zaman-Ruhu-Hakk%C4%B1nda1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Zeitgeist-II-2-Addendum-T%C3%BCrk%C3%A7e-Ortak-Zaman-Ruhu-Hakk%C4%B1nda1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Zeitgeist-II-2-Addendum-T%C3%BCrk%C3%A7e-Ortak-Zaman-Ruhu-Hakk%C4%B1nda1.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Zeitgeist-II-2-Addendum-T%C3%BCrk%C3%A7e-Ortak-Zaman-Ruhu-Hakk%C4%B1nda1.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":578,"url":"https:\/\/sahinsolmaz.com\/blog\/abdurrahim-karakoc-ey-can-siiri\/","url_meta":{"origin":321,"position":4},"title":"Abdurrahim Karako\u00e7 Ey Can \u015eiiri","author":"SahinSOLMAZ","date":"11 May\u0131s 2014","format":false,"excerpt":"Abdurrahim Karako\u00e7 Ey Can \u015eiiri Ben sabit \u015feyleri sevmem ey can Sen E\u011fer beni dinlersen \u00c7a\u011flayan \u0131rmak ol.. Ve g\u00f6n\u00fcl g\u00f6nderine \u00e7ekilmi\u015f Nazl\u0131 nazl\u0131 dalgalanan Bayrak ol.. Ben karanl\u0131\u011f\u0131 hi\u00e7 sevmem ey can Vaktin her saatinde Her zaman A\u011faran \u015fafak ol.. G\u00fcne\u015f \u0131\u015f\u0131klar\u0131yla \u00fcrperen \u00e7i\u00e7ek Seher yeliyle \u0131rgalanan Yaprak ol..\u2026","rel":"","context":"&quot;Abdurrahim Karako\u00e7&quot; i\u00e7inde","block_context":{"text":"Abdurrahim Karako\u00e7","link":"https:\/\/sahinsolmaz.com\/blog\/category\/edebiyat\/siir\/abdurrahim-karakoc\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1697,"url":"https:\/\/sahinsolmaz.com\/blog\/mailspring-e-posta-gonderim-programindan-daha-fazlasi\/","url_meta":{"origin":321,"position":5},"title":"MailSpring E-posta G\u00f6nderim Program\u0131&#8217;ndan Daha Fazlas\u0131!","author":"SahinSOLMAZ","date":"14 May\u0131s 2018","format":false,"excerpt":"Mail g\u00f6nderimlerini e\u011flenceli ve pratik hale getirmek i\u00e7in, MailSpring var! Sevgili arkada\u015flar, Bir\u00e7ok e-mail servisi ve program\u0131 mevcut ama bir tanesi var ki sizi sizden alabilir! :) \u00d6zellikle e-mail g\u00f6nderimi i\u00e7in \u00fccretli\/\u00fccretsiz bir\u00e7ok servis ve ara\u00e7 var ve kurumsal ya da g\u00fcndelik \/ ki\u015fisel \u00e7al\u0131\u015fmalar\u0131m\u0131zda mail okundu bilgisi (mailtrack \/\u2026","rel":"","context":"&quot;Genel&quot; i\u00e7inde","block_context":{"text":"Genel","link":"https:\/\/sahinsolmaz.com\/blog\/category\/genel\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2018\/05\/mailspring-e-mail-tracking-izleme-okundu-bilgisi-mail-46x46.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts\/321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":0,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts\/321\/revisions"}],"wp:attachment":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/media?parent=321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/categories?post=321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/tags?post=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}