Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > Client Script Forum > ต้องการให้ JavaScript หน่วงเวลาไว้ 3 วิก่อนทำลูปต่อไป แต่กลายเป็นว่า รอ 3 วิแล้วทำรวดเดียว ช่วยหน่อยครับ


[PHP] ต้องการให้ JavaScript หน่วงเวลาไว้ 3 วิก่อนทำลูปต่อไป แต่กลายเป็นว่า รอ 3 วิแล้วทำรวดเดียว ช่วยหน่อยครับ

 
Topic : 055377



โพสกระทู้ ( 153 )
บทความ ( 0 )



สถานะออฟไลน์



สมมุติว่าต้องการใส่จุด 10 จุดบนแผนที่ครับ โดยจะเห็นว่าจุดแต่ละจุดค่อยๆใส่ลงไปทีละจุดบนแผนที่
ผมใช้ SetTimeout หน่วงเวลาใน forลูป ไว้ 3 วิ แต่เมื่อรันดูกลายเป็นว่า รอ 3 วิ แล้วจุดก็ใส่รวดเดียวเลยครับ -,-"

ผิดพลาดตรงไหนช่วยหน่อยครับ

ลองรันดูครับ
Code (JavaScript)
01.var map;
02.    var marker;
03.    var markersArr = [];
04.     
05.    //Load Google Map
06.    function initialize() {
07.        var latlng = new google.maps.LatLng(13.7031333333333, 100.518616666667);
08.        var myOptions ={
09.            zoom: 12,
10.            center: latlng,
11.            mapTypeControl: false,
12.            mapTypeId: google.maps.MapTypeId.ROADMAP
13.        };
14.         
15.        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
16. 
17.        markersArr[0] = new google.maps.LatLng(13.771095, 100.530201666667);
18.        markersArr[1] = new google.maps.LatLng(13.76914, 100.528776666667);
19.        markersArr[2] = new google.maps.LatLng(13.73082, 100.517566666667);
20.        markersArr[3] = new google.maps.LatLng(13.7273633333333, 100.517475);
21.        markersArr[4] = new google.maps.LatLng(13.7145966666667, 100.52008);
22.        markersArr[5] = new google.maps.LatLng(13.7031333333333, 100.518616666667);
23.        markersArr[6] = new google.maps.LatLng(13.7012833333333, 100.519271666667);
24.        markersArr[7] = new google.maps.LatLng(13.6950733333333, 100.525245);
25.        markersArr[8] = new google.maps.LatLng(13.692845, 100.526658333333);
26.        markersArr[9] = new google.maps.LatLng(13.692045, 100.526266666667);
27. 
28.        for (i in markersArr) {
29.            //ต้องการให้หน่วงเวลาไว้ 3 วิ ก่อนใส่จุดต่อไป  แต่กลายเป็นว่ารอ 3 วิ แล้วใส่จุดรวดเดียว 10 จุด
30.            setTimeout("addMarker(markersArr[" + i + "])", 3000);
31.        }
32. 
33.    }
34. 
35.           // add จุด
36.    function addMarker(mkr) {
37.        marker = new google.maps.Marker({ position: mkr, map: map, title: "" + mkr });
38.    }




Tag : JavaScript

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-02-01 11:16:40 By : stricken View : 3867 Reply : 2
 

 

No. 1



โพสกระทู้ ( 153 )
บทความ ( 0 )



สถานะออฟไลน์


ได้แล้วครับ

แต่ใช้วิธีเขียนฟังชั้นให้จิ้มจุดเดียว แล้วค่อยใช้ setInterval จัดเวลาเอาอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-02-02 11:52:04 By : stricken
 

 

No. 2



โพสกระทู้ ( 3 )
บทความ ( 0 )



สถานะออฟไลน์


สอบถามเรื่องการหน่วงเวลาของจุด Marker ด้วยครับ

คือว่าตอนนี้แสดงจุด Marker จากดาต้าเบสได้แล้วครับ แต่ว่ามันจะแสดงทุกจุดพร้อมกัน

อยากทำให้มันแสดงทีละจุด ทุก 3 วินาทีครับ

ลองค้นดูแล้วมีคนให้ใช้ฟังชั่น setInterval(function() {
// Do something every 2 seconds
}, 2000);

คือผมนำมาใช้ไม่เป็นครับ ไม่รู้จะเขียนแบบไหน แทรกตรงไหน รบกวนผู้รู้ด้วยนะครับ

Code (ASP)
01.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Map.aspx.cs" Inherits="GoogleMap.Map" %>
02. 
03.<%--A sample project by Ghaffar khan--%>
04. 
05.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
06. 
07.<html xmlns="http://www.w3.org/1999/xhtml" >
08.<head id="Head1" runat="server">
09.    <title>Your Data on Google Map </title>
10.    <%--Google API reference--%>
11.    <script src="http://maps.google.com/maps?file=api&;amp;v=2&amp;sensor=false
12.                 &amp;key="Z3UlwJVUBDAReP3ijQ4eNap9FznZ9qIYzIv7pbaN4v4" type="text/javascript">
13.    </script>
14.</head>
15.<body onload="initialize()" onunload="GUnload()">
16.    <form id="form1" runat="server">
17.    <asp:Panel ID="Panel1" runat="server">
18.                <%--Place holder to fill with javascript by server side code--%>
19.                <asp:Literal ID="js" runat="server"></asp:Literal>
20.                <%--Place for google to show your MAP--%>
21.                <div ID="map_canvas" style="height: auto; position: absolute; bottom:0; left:0; right:0; top:0;">
22.                </div>
23.                <br />
24.            </asp:Panel>
25.        <br />
26.   </form>
27.   </body>
28. 
29.</html>


Code (C#)
01.using System;
02.using System.Collections;
03.using System.Configuration;
04.using System.Data;
05.using System.Linq;
06.using System.Web;
07.using System.Web.Security;
08.using System.Web.UI;
09.using System.Web.UI.HtmlControls;
10.using System.Web.UI.WebControls;
11.using System.Web.UI.WebControls.WebParts;
12.using System.Xml.Linq;
13. 
14.namespace GoogleMap
15.{
16.    // A sample project by Ghaffar khan
17. 
18.    public partial class Map : System.Web.UI.Page
19.    {
20.        protected void Page_Load(object sender, EventArgs e)
21.        {
22.            DataSet1TableAdapters.LocationsTableAdapter da = new GoogleMap.DataSet1TableAdapters.LocationsTableAdapter();
23.            DataSet1.LocationsDataTable table = new DataSet1.LocationsDataTable();
24.            da.Fill(table);
25.            BuildScript(table);
26. 
27.        }
28.        private void BuildScript(DataTable tbl)
29.        {
30.            String Locations = "";
31.            foreach (DataRow r in tbl.Rows)
32.            {
33.                // bypass empty rows       
34.                if (r["Latitude"].ToString().Trim().Length == 0)
35.                    continue;
36. 
37.                string Latitude = r["Latitude"].ToString();
38.                string Longitude = r["Longitude"].ToString();
39. 
40.                // create a line of JavaScript for marker on map for this record   
41.                Locations += Environment.NewLine + " map.addOverlay(new GMarker(new GLatLng(" + Latitude + "," + Longitude + ")));";
42.            }


Code (JavaScript)
01.js.Text = @"<script type='text/javascript'>
02.                            function initialize() {
03.                              if (GBrowserIsCompatible()) {
04.                                var map = new GMap2(document.getElementById('map_canvas'));
05.                                map.setCenter(new GLatLng(13.721658,100.453184), 12);
06.                                 " + Locations + @"
07.                                map.setUIToDefault();
08.                              }
09.                            }
10.                            </script> ";
11. 
12.        }      
13. 
14.    }
15.}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-02-09 13:02:59 By : autorun.exe
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการให้ JavaScript หน่วงเวลาไว้ 3 วิก่อนทำลูปต่อไป แต่กลายเป็นว่า รอ 3 วิแล้วทำรวดเดียว ช่วยหน่อยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่